Ocena wątku:
  • 0 głosów - średnia: 0
  • 1
  • 2
  • 3
  • 4
  • 5
[CSS] rozjeżdżające sie menu
#1
http://www.wawritto.pl/kanc/
Jak widać występuje problem pod IE. Już nie mam pomysłu jak to pokonać. HELP Big Grin
HTML
Kod:
<div id="linkList">
        <h3 class="menu"><span>Menu</span></h3>
            <ul>
    <li><div id="home"><a href="index.html" title="Strona startowa"><span>Strona startowa</span></a></div></li>
    <li><div id="o_nas"><a href="o_nas.html" title="O nas"><span>O nas</span></a></div></li>
    <li><div id="aktualn"><a href="aktualnosci.html" title="Aktualności"><span>Aktualności</span></a></div></li>
    <li><div id="kontakt"><a href="kontakt.html" title="Dane kontaktowe"><span>Dane kontaktowe</span></a></div></li>
    <li><div id="e_porada"><a href="e_porada.html" title="E-porada"><span>E-porada</span></a></div></li>                    
            </ul>
    </div>

CSS
Kod:
#linkList {
    width: 239px;
    float: left;
}
#linkList ul, #linkList li {
    list-style-type: none;
    width: 239px;
    height: 31px;
    margin: 0px;
    padding: 0px;
}
#home a, #o_nas a, #aktualn a, #kontakt a, #e_porada a {
    width: 239px;
    height: 31px;
    display: block;
}
#home a span, #o_nas a span, #aktualn a span, #kontakt a span, #e_porada a span {
    display: none;
}
#home a {
    background: url(1a.jpg);
}
#home a:hover, #home a:active {
    background: url(1h.jpg);
}
#o_nas a {
    background: url(2a.jpg);
}
#o_nas a:hover, #o_nas a:active {
    background: url(2h.jpg);
}
#aktualn a {
    background: url(3a.jpg);
}
#aktualn a:hover, #aktualn a:active {
    background: url(3h.jpg);
}
#kontakt a {
    background: url(4a.jpg);
}
#kontakt a:hover, #kontakt a:active {
    background: url(4h.jpg);
}
#e_porada a {
    background: url(5a.jpg);
}
#e_porada a:hover, #e_porada a:active {
    background: url(5h.jpg);
}
Odpowiedz
#2
A w którym IE bo w FF 3 i IE 6 wygląda tak samo.
Odpowiedz
#3
(18-08-2009, 18:00)domino napisał(a): A w którym IE bo w FF 3 i IE 6 wygląda tak samo.
IE 7
Już widzę, że jak zmienię fragment kodu na
Kod:
#linkList ul, #linkList li {
    list-style-type: none;
    width: 239px;
    height: 28px;
    margin: 0px;
    padding: 0px;
to w IE 7 wyświetla się poprawnie. Czyli już zrobione. A info, że w IE jest OK też się przyda.
Odpowiedz


Podobne wątki…
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  problem z tłem pod menu loose 1 3,157 06-07-2017, 20:00
Ostatni post: loose
  problem z menu p410 10 10,359 18-06-2017, 18:34
Ostatni post: lemans88
  CSS dla menu i problem z selektorami neferith 4 5,269 30-06-2016, 00:58
Ostatni post: Brain23
  MENU - poważny problem wysokości! asus 0 2,538 05-12-2014, 23:34
Ostatni post: asus
  Trzypoziomowe menu - problem rejcz 3 5,677 25-01-2014, 17:16
Ostatni post: Kartofelek

Skocz do:


Użytkownicy przeglądający ten wątek: 1 gości
Sponsorzy i przyjaciele
SeoHost.pl