[CSS]Img obok siebie Opcje

[--gość--]

Witam,
mam problem. Mam dwa obrazki, razem zajmuja rowne 800px ( zalozmy ze jeden ma 400szer i drugi tyle samo). Chcialbym w css ustawic je obok siebie, wiec zrobilem 2 klasy:

[HTML] pobierz, plaintext 
#panel {
background-image:url(images/ost.png);
width:481px;
height:140px;
align:center;
margin: 11px 0 0 0;
	padding: 0;
}
#panel2 {
background-image:url(images/wit.png);
width:319px;
height:141px;
vertical-align: top;
}
 
Ale one sie wyswietlaja jeden pod drougim :/
Kod, ktorym wyswietlam:
[html]
<div id=\"panel\">Trsc na panelu nr 1</div><div id=\"panel2\">Tresc na panelu nr 2</div>
[HTML] pobierz, plaintext 

Jak to zrobic zeby obrazki byly na tej samej wysokosci obok siebie?

[l0ud]

Najprościej... nadaj jednemu float:left; a drugiemu float:right...

[-Gość-]

Wtedy reszta strony sie dziwnie rozjezdza

[-Gość-]

A dokladniej mowiac menu pojawia sie pomiedzy nimi. Jak je ustawic zeby byly obok siebie, bo jeden jest calkiem po lewej a drugi po prawej.

[l0ud]

Element po tych warstwach powinien mieć clear:both , aby nie wyjeżdżały poza niego.

[-Gość-]

Ok, dziala ale...
Jeden jest calkiem po lewej a drugi calkiem po prawej. Jak je polaczyc? Zeby byly na srodku.. ( center nie dziala)

[kusiu]

Witam,
mam problem. Mam dwa obrazki, razem zajmuja rowne 800px ( zalozmy ze jeden ma 400szer i drugi tyle samo). Chcialbym w css ustawic je obok siebie, wiec zrobilem 2 klasy:

[HTML] pobierz, plaintext 
#panel {
background-image:url(images/ost.png);
width:481px;
height:140px;
align:center;
margin: 11px 0 0 0;
	padding: 0;
}
#panel2 {
background-image:url(images/wit.png);
width:319px;
height:141px;
vertical-align: top;
}
 
Ale one sie wyswietlaja jeden pod drougim :/
Kod, ktorym wyswietlam:
[html]
<div id=\"panel\">Trsc na panelu nr 1</div><div id=\"panel2\">Tresc na panelu nr 2</div>
[HTML] pobierz, plaintext 

Jak to zrobic zeby obrazki byly na tej samej wysokosci obok siebie?

vertical-align: top; w <DIV> (IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif)

[l0ud]

No nie wiem... Umieść je w jeszcze jednym divie, który będzie miał określoną szerokość.

[-Gość-]

kusiu - to dalem przez przypadek, teraz jak robie to bez tego.
lOud - nie dziala

[nez]

Kod

<style type="text/css">
div#container {
  width: 800px;
/*  margin: 0 auto;  to jeśli całość chcesz wyśrodkować w przeglądarce */
}
</style>

<div id="container">
<div id=\"panel\">Trsc na panelu nr 1</div><div id=\"panel2\">Tresc na panelu nr 2</div>
</div>

pozdr.
nez

[-Gość-]

Thx,
działa (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
Pozdro (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

PS. Dałbym ci: Pomógł ale nie mogę :/