Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [PHP][HTML][CSS]Inny wygląd pod operą i FF
Forum PHP.pl > Forum > Przedszkole
PawelC
Hej mam taki problem, pod FF strona się super wyświetla a pod FF już nie, co może być powodem tego?
kod mam taki:
  1. <li style="width:171px;background:url(guzik.gif);height:26px;list-style:none;padding-left:55px;padding-top:12px;font-size:12px;font-family:Verdana;font-weight:bold;color:#0099ff;margin-top:4px;margin-bottom:-18px;">Kategorie</li>

Kod dla id="link" w li
  1. #link ul,li{
  2. padding-left:10px;
  3. width:196px;
  4. list-style:none;
  5. margin-left:10px;
  6.  
  7.  
  8. font-size:12px;
  9. font-family:Verdana;
  10. color: #565656;
  11. }

Pod FF wygląda dobrze, a pod Operą już nie, a dokładniej można tu zobaczyć:
http://www.gigadownload.net.pl/ftp/exploitbug1.jpg
A jeżeli wywale margin-bottom:-18px; to pod Operą, jest dobrze a pod FF już nie.
erix
Daj gdzieś działający HTML; będzie łatwiej debugować.

Podejrzewam, że inne style mogą mieć na to wpływ...
PawelC
Styl CSS a sama strona jest dostępna tutaj:Klik
erix
Zwaliduj sobie najpierw ten kod...
PawelC
Kurde, jeżeli zamiast pobrania z bazy dam <li id="link"><a href="#">cos</a></li> to działa po Operą i FF
fedek6
Zamknij najpierw tagi li w nadrzędne ul. Taki kod może generować różne błędy.

http://validator.w3.org/check?uri=http%3A%...ine&group=0
PawelC
zjechałem do 15 błędów i bez różnicy sad.gif wszędzie mam pozamykanie li w ul i nadal błąd

To jest kod menu wygenerowany, który powoduje mi błąd
  1. <ul class="link">
  2. <li style="width:171px;background:url(guzik.gif);height:26px;list-style:none;padding-left:55px;padding-top:12px;font-size:12px;font-family:Verdana;font-weight:bold;color:#0099ff;margin-top:4px;">Kategorie</li>
  3. <li class="link"><a href="kategoria.php?id=3">Bezpieczeństwo</a></li>
  4. <li class="link"><a href="kategoria.php?id=4">Biblioteki i Dodatki</a></li>
  5. <li class="link"><a href="kategoria.php?id=5">Biurowe</a></li>
  6. <li class="link"><a href="kategoria.php?id=6">Edukacja i Nauka</a></li>
  7. <li class="link"><a href="kategoria.php?id=7">Firma</a></li>
  8. <li class="link"><a href="kategoria.php?id=8">Grafika</a></li>
  9. <li class="link"><a href="kategoria.php?id=9">Multimedia</a></li>
  10. <li class="link"><a href="kategoria.php?id=10">Internet i Komunikacja</a></li>
  11. <li class="link"><a href="kategoria.php?id=11">Programowanie</a></li>
  12. <li class="link"><a href="kategoria.php?id=12">Narzędzia</a></li>
  13. <li class="link"><a href="kategoria.php?id=13">Strefa Linuxa</a></li>
  14. <li class="link"><a href="kategoria.php?id=14">Gry</a></li>
  15. <li class="link"><a href="kategoria.php?id=15">Telefony komórkowe</a></li>
  16. <li class="link"><a href="kategoria.php?id=16">Programy portable</a></li></ul>


Co najlepsze, jeżeli ten wygenerowany kod wstawię ręcznie w menu to jest wszystko ok.
erix
Nie zgadza się ilość zamknięć/otwarć tagów.

Nie będziemy w stanie Ci pomóc dopóty, dopóki nie będziesz miał poprawnego kodu list.
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.