9 odpowiedzi w tym temacie

[mlodszy]

Potrzebuję wstawić reklamę obok głównego banera.

Kod odpowiedzialny za baner:

<div id="logostrip"><a href='{$this->ipsclass->base_url}'><!--ipb.logo.start--><img src='style_images/3_NAGLOWEK_FORUM2.png' alt='IPB' border='0' style='vertical-align:top'  /><!--ipb.logo.end--></a></div>

Obok niego chce wstawić następującą rzecz:

<script type="text/javascript" id="AdTaily_Widget" key="******" src="http://static.adtaily.com/widget.js"></script><noscript>Reklamy na tej stronie sprzedawane są przez widget z AdTaily.com (PLBLOADTAILY0001)</noscript>

Wielkość dostosowuje się automatycznie. W trakcie testów próbowałem go odpowiednio ograniczyć poprzez:

<div style="width: 570px; height: 150px">

Wielkość banera: 390px × 150px

Całość ma szerokość: 994,0 px

Jednak wyświetlanie pojawiało się pod albo nad banerem. A według mojego liczenia powinno być poprawnie.

Proszę o radę jak to zakodować aby było poprawnie.

[Pavulon]

Żadnych dodatkowych ustawień stylu nie masz ?
O ile się nie mylę to div ma w standardzie css

display:block;

a to powoduje że jest przejście do następnej linii.

[mlodszy]

Kod z CSS:

#logostrip
{
	height: 151px;
	margin: 0;
	padding: 0;
	text-align: left;
	background-color: #FFFFFF;
}

#logographic
{
	background: transparent url(2/logo4.gif) no-repeat left;
	height: 68px;
	margin: 0;
	padding: 0;
}

[Pavulon]

Możesz dać div'owi z aktualnym logiem do stylu:

float:left;

Ale nie wiem czy to wystarczy.
Mógłbyś może dać link do tego jak to wygląda ? Bo trochę ciężko tak z suchym kodem.

[mlodszy]

Obecnie wygląda to tak:
http://forum.webhosting.pl/forums.html

#logostrip
{
        height: 151px;
        margin: 0;
        padding: 0;
        text-align: left;
        background-color: #FFFFFF;
}

#logographic
{
        background: transparent url(2/logo4.gif) no-repeat left;
        height: 68px;
        margin: 0;
        padding: 0;
        float:left;
}

Kod wygląda tak:

	<div id="logostrip"><a href='{$this->ipsclass->base_url}'><!--ipb.logo.start--><img src='style_images/3_NAGLOWEK_FORUM2.png' alt='IPB' border='0' style='vertical-align:top'  /><!--ipb.logo.end--></a></div><div style="width: 570px; height: 150px"><script type="text/javascript" id="AdTaily_Widget" key="***********" src="http://static.adtaily.com/widget.js"></script><noscript>Reklamy na tej stronie sprzedawane są przez widget z AdTaily.com (PLBLOADTAILY0001)</noscript></div>

[Pavulon]

Coś takiego:  sampel.jpg   74,59 KB   11 Ilość pobrań ?

[mlodszy]

Tak. O coś takiego chodzi. Chyba za mała szerokość dla banera jak widzę. Mimo że jest ograniczenie.

Poszerzę to.

EDIT. No nie. To nie działa ;]

Użytkownik mlodszy edytował ten post 25 luty 2010 - 23:03

[Pavulon]

Testowałem coś takiego żeby otrzymać efekt jak na obrazku wcześniejszym:

	<div id="logostrip" style="height:200px"><a href='http://forum.webhosting.pl/forums.html'><!--ipb.logo.start--><img src='http://forum.webhosting.pl/style_images/3_NAGLOWEK_FORUM2.png' alt='IPB' border='0' style='vertical-align:top'  /><!--ipb.logo.end--></a>
	<div style="width: 570px; height: 140px; display:inline; position:absolute;"><script type="text/javascript" id="AdTaily_Widget" key="XXXXXXX" src="http://static.adtaily.com/widget.js"></script><noscript>Reklamy na tej stronie sprzedawane s± przez widget z AdTaily.com (PLBLOADTAILY0001)</noscript></div></div>
	<div id="submenu">

Czyli div AdTaily w div'ie logostrip.
Do logostrip'a dodane style="height:200px"
Do AdTaily dodane display:inline; position:absolute;

[mlodszy]

Dzięki wielkie. Teraz jest jak trzeba.

Temat do zamknięcia.

[DawPi]

Problem ROZWIĄZANY. Jeśli są jakiekolwiek wątpliwości, pytania proszę o założenie nowego tematu.
Wszelkie uzasadnione reklamacje/pretensje/sugestie/rady przyjmuje ekipa forum.