ROZWIĄZANY: Reklama obok głównego banera

[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: ?

[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 ;]

Edytowane 25 Lutego 2010 przez mlodszy

[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.