Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][CSS] Menu poziome błędy w wyświetlaniu
Forum PHP.pl > Forum > Przedszkole
oomaster
Witam,
Stworzyłem menu poziome, ale niestety pojawiły się błędy. Poniżej pokazuje obrazek jak to wygląda. Można porównać z kodem i łatwo zobaczyć ,że dolna krawędź tabeli NIE jest biała i tło się nie wyświetla ! dopiero po najechaniu na daną komórkę wszystko jest ok.



  1. <ul id="menu">
  2. <li class="cur"><a href='http://#' >Strona Główna</a></li>
  3. <li class="cury"><a href='http://#' >Wydarzenia</a></li>
  4. <li class="cury"><a href='http://#' >Galeria</a></li>
  5. <li class="cury"><a href='http://#' >Miejsca</a></li>
  6. <li class="cury"><a href='http://#' >Mapa</a></li>
  7. <li class="cury"><a href='http://#' >Forum</a></li>
  8. </ul>


  1. ul, ul li {display: block; list-style: none; margin: 0; padding: 0;}
  2.  
  3. ul {border-bottom: 1px solid #dcdcdc; background-color: #f8f8f8; float: left; width: 100%; padding-left: 10px;}
  4. ul li {float: left; margin-right: 10px;}
  5.  
  6. li a:link, ul a:visited {text-decoration: none; display: block; background-color: #fff; color: #000; padding: 5px 15px 5px 15px; border: 1px solid
  7.  
  8. #dcdcdc; position: relative; top: 1px;}
  9.  
  10. li a:hover {border-bottom-color: #fff; font-weight:bold; background: url(m_t.gif) repeat-x;border-top-color: #ff6805;}
  11. li.cur {border-bottom-color: #fff; font-weight:bold; background: url(m_t.gif) repeat-x; border-top-color: #ff6805;}


CO jest źle w tym kodzie ,że dzieje się taka rzecz ?
erix
Cytat
Kod
ul {border-bottom: 1px solid #dcdcdc;

Ponieważ ramka z UL przesłania Ci tą z LI.

Nie wiem, czy to pomoże (pisane z palca), ale spróbuj dla LI dać margin-bottom: -1px.
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.