Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Poziome menu z UL w IE
-PaVliK-
post
Post #1





Goście







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:

(IMG:http://maluch.pcz.pl/~pavlik/problem.jpg)

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.
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 5)
pawel_k
post
Post #2





Grupa: Zarejestrowani
Postów: 211
Pomógł: 3
Dołączył: 29.07.2005
Skąd: Szczebrzeszyn

Ostrzeżenie: (0%)
-----


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
Go to the top of the page
+Quote Post
-PaVliK-
post
Post #3





Goście







Ż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.
Go to the top of the page
+Quote Post
pawel_k
post
Post #4





Grupa: Zarejestrowani
Postów: 211
Pomógł: 3
Dołączył: 29.07.2005
Skąd: Szczebrzeszyn

Ostrzeżenie: (0%)
-----


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)
Go to the top of the page
+Quote Post
-PaVliK-
post
Post #5





Goście







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.
Go to the top of the page
+Quote Post
Lombi
post
Post #6





Grupa: Zarejestrowani
Postów: 237
Pomógł: 11
Dołączył: 12.04.2006

Ostrzeżenie: (0%)
-----


Pavlik mordeczko ty moja (IMG:http://forum.php.pl/style_emoticons/default/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 (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 4.10.2025 - 03:00