Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS]Img obok siebie
Forum PHP.pl > Forum > Przedszkole
-gość-
22.03.2008, 12:47:05
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 
  1. #panel {
  2. background-image:url(images/ost.png);
  3. width:481px;
  4. height:140px;
  5. align:center;
  6. margin: 11px 0 0 0;
  7. 	padding: 0;
  8. }
  9. #panel2 {
  10. background-image:url(images/wit.png);
  11. width:319px;
  12. height:141px;
  13. vertical-align: top;
  14. }
  15.  
  16. Ale one sie wyswietlaja jeden pod drougim :/
  17. Kod, ktorym wyswietlam:
  18. [html]
  19. <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
22.03.2008, 13:51:31
Najprościej... nadaj jednemu float:left; a drugiemu float:right...
Gość
22.03.2008, 14:00:09
Wtedy reszta strony sie dziwnie rozjezdza
Gość
22.03.2008, 14:02:26
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
22.03.2008, 14:02:31
Element po tych warstwach powinien mieć clear:both , aby nie wyjeżdżały poza niego.
Gość
22.03.2008, 14:05:32
Ok, dziala ale...
Jeden jest calkiem po lewej a drugi calkiem po prawej. Jak je polaczyc? Zeby byly na srodku.. ( center nie dziala)
kusiu
22.03.2008, 14:07:25
Cytat(-gość- @ 22.03.2008, 12:47:05 ) *
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 
  1. #panel {
  2. background-image:url(images/ost.png);
  3. width:481px;
  4. height:140px;
  5. align:center;
  6. margin: 11px 0 0 0;
  7. 	padding: 0;
  8. }
  9. #panel2 {
  10. background-image:url(images/wit.png);
  11. width:319px;
  12. height:141px;
  13. vertical-align: top;
  14. }
  15.  
  16. Ale one sie wyswietlaja jeden pod drougim :/
  17. Kod, ktorym wyswietlam:
  18. [html]
  19. <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> questionmark.gif
l0ud
22.03.2008, 14:07:25
No nie wiem... Umieść je w jeszcze jednym divie, który będzie miał określoną szerokość.
Gość
22.03.2008, 14:18:39
kusiu - to dalem przez przypadek, teraz jak robie to bez tego.
lOud - nie dziala
nez
22.03.2008, 14:29:52
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ść
22.03.2008, 14:54:58
Thx,
działa smile.gif
Pozdro smile.gif

PS. Dałbym ci: Pomógł ale nie mogę :/
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.