Kod
<div id="header" style="overflow: hidden;">
<img style="text-align: left" src="logo2.jpg" />
<img style="text-align: right" src="right.png" />
</div>
#header {
background: #000 url(tlo_banner.jpg) repeat-x;
height: 240px;
}
<img style="text-align: left" src="logo2.jpg" />
<img style="text-align: right" src="right.png" />
</div>
#header {
background: #000 url(tlo_banner.jpg) repeat-x;
height: 240px;
}
Chciałbym umieścić te dwa elementy w jednej linii, lecz tak gdy zmniejszam rozmiar okna przeglądarki to obrazek przeskakuje do nowego wiersza.
TAK ma być - http://img40.imageshack.us/img40/9316/tak.jpg
tak NIE ma być - http://img39.imageshack.us/img39/6121/nie.jpg
Chcę aby jeden obrazek był nad drugim.
Pozdrawiam i z góry dziękuję za pomoc.
Maksior
//edit
PS.:
display: inline; rozpieprza rozmiar headera, a włożenie do odrębnych divów rozwala strukturę strony (próbowałem z clear: both). Strona jest na oparta na procentowym width, więc raczej odpadają propozycje typu position.