Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS][HTML]problem z div
Forum PHP.pl > Forum > Przedszkole
Mgorka
Witam mam problem z divami już tłumaczę o co chodzi.
Najpierw kod:
  1. <div id=\"galery\">
  2. <?php
  3. $sql = \"SELECT * FROM psy \";
  4.  
  5.  
  6. $result = mysql_query($sql)
  7. or die(mysql_error());
  8.  
  9. while ($row = mysql_fetch_array($result)) {
  10.  
  11.  
  12. }
  13. ?>
  14. <div class=\"pies\">
  15. </div>
  16. <div class=\"pies\">
  17. </div>
  18. <div class=\"pies\">
  19. </div>
  20. <div class=\"pies\">
  21. </div>
  22. <div class=\"pies\">
  23. </div>
  24. </div>

teraz css
  1. #srodek{
  2. width: 1000px;
  3. height: 500px;
  4. border: yellow solid 0px;
  5. margin: 0 auto;
  6. }
  7. #galery {
  8. width: 666px;
  9. height: 400px;
  10. border: yellow solid 1px;
  11. margin: auto;
  12. }
  13.  
  14. .pies {
  15. height: 150px;
  16. width: 200px;
  17. border: silver solid 1px;
  18. margin: 10px ;
  19. float: left;
  20.  
  21. }

I już tłumaczę nie wiem czemu w pierwszej lini nie pojawiają się 3 pojemniki obok siebie tylko widać 2 i to dziwnie wyśrodkowane
a w 2 lini są trzy questionmark.gif
Załączam obrazek:[URL=http://img12.imageshack.us/i/beztytuulgu.png/]
Kujski
Na szybko patrząc wystarczy chyba dodać 2 piksele do width galery czyli wstawić 668px.
Mgorka
nie pomogło ale skoro 3 okineka w dolnej lini ustawiają się obok siebie a na górze 2 czemu nie chce na górze ustawić 3??
Damonsson
Wstaw online, albo daj cały kod, bo patrząc na arkusz stylów musi być poprawnie.
Co robisz z tymi slashami? Może tam coś przekombinowałeś.
Mgorka
slash?? tzn
Kujski
Czyli: \

Ten zapis w czystym html jest błędny:
  1. <div class=\"pies\">
  2. </div>


Powinno być:
  1. <div class="pies">
  2. </div>


Slash używasz tylko w php, aby skrypt go nie potraktował jako zamknięcia. Z tego fragmentu co widać Ty wszędzie używasz w html \ co jest błędne.
Mgorka
ale to i tak nie pomaga
krzysztof_kf
Wyrzuć te ukośniki pokaż kod przed div pies masz odpowiedni typ dokumentu
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.