+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: [CSS] rozjeżdżające sie menu (/thread-css-rozjezdzajace-sie-menu--2172)
[CSS] rozjeżdżające sie menu - wawritto - 18-08-2009
http://www.wawritto.pl/kanc/
Jak widać występuje problem pod IE. Już nie mam pomysłu jak to pokonać. HELP
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);
}RE: [CSS] rozjeżdżające sie menu - domino - 18-08-2009
A w którym IE bo w FF 3 i IE 6 wygląda tak samo.
RE: [CSS] rozjeżdżające sie menu - wawritto - 18-08-2009
(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;