Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Poziome menu z UL w IE
Forum PHP.pl > Forum > Przedszkole
PaVliK
Witam

Juz kilka godzin próbuje dojśc co robie nie tak lecz póki co bezskutecznie dlatego postanowiłem sie do Was zwrócić o pomoc. Otóż skonstruowałem za pomocą <ul> poziome menu, które w Firefoxie wyświetla się jak najbardziej poprawnie a ten chory "Internet Exploder" ucina mi górny border. Cała sprawa wygląda mniej więcej tak:



Kod HTML:
Kod
<div id="menu_poziome">
      <ul id="navlist">
       <li><a href="index.php?page=ofirmie">O firmie</a></li>
        <li id="active"><a href="index.php?page=oferta">Oferta</a></li>
        <li><a href="index.php?page=dojazd">Dojazd</a></li>
        <li><a href="index.php?page=kontakt">Kontakt</a></li>
      </ul>
  </div>


Kod CSS:
Kod
div #menu_poziome {
    height: 30px;
    margin: 0px;
    width: 470px;
    float: left;
}


#navlist
{
    float: left;
    height: 30px;
    margin: 2px;
    padding-top: 2;
}

#navlist li
{
    display: inline;
    list-style-type: none;
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
    color: #000000;
}
div #navcontainer {
    width: 470px;
    float: left;
    height: 30px;
    margin: 0px;
}



#navlist a
{
    background-image: url(nowe/guzik_normal.gif);
    padding-top: 3px;
    padding-right: 8px;
    padding-bottom: 4px;
    padding-left: 28px;
    border: 1px solid #000000;
    margin-right: 18px;
}

#navlist a:link, #navlist a:visited
{
    text-decoration: none;
    color: #000000;
}

#navlist a:hover
{
    border: 1px solid #333;
    background-image: url(nowe/guzik_nad.gif);
    color: #333;
}

#active a:link, #active a:visited, #active a:hover
{
    border: 1px solid #333;
    background-image: url(nowe/guzik_nad.gif);
    color: #333;
}


Z góry serdecznie dziękuje za pomoc.
pawel_k
szczerze nie chce mi sie analizowac kodu,ale polecam strone http://css.maxdesign.com.au/listamatic/index.htm
tam znajdziesz praktycznie wszystko czego Ci potrzeba
PaVliK
Żeby było weselej to właśnie wzorowałem je na przykładzie ze strony którą podałeś (dokłanie ten http://css.maxdesign.com.au/listamatic/horizontal07.htm) a co jeszcze ciekawsze to po przeklejeniu samego kodu podanego na tej stronie menu zachowuje się podobnie do mojego lecz tym razem w IE brak także obramowania BOTTOM. Firefox oczywiście wszystko wyświetla prawidłowo.
pawel_k
a przypadkiem nie sprawdzasz tego pod IE w wersji 5? bo tej listy ta wersja IE nie obsługuje... inaczej powinno działać (http://css.maxdesign.com.au/listamatic/browser-support.htm - ProjectSeven's horizontal Uberlist)
PaVliK
Właśnie to jest dziwne ze sprawdzam w IE6 i sie krzaczy. Jak chcesz to sam sprawdź tutaj. i daj znać jaki masz efekt.
Lombi
Pavlik mordeczko ty moja tongue.gif sluchaj to jest wina pierwszej linijki

  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">


zmień na

  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">


i jest cacy smile.gif
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.