+- 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ł: Początkujący webmaster (https://www.webmastertalk.pl/forum-poczatkujacy-webmaster)
+--- Wątek: "rozrzucone" menu w Internet Explorer (/thread-rozrzucone-menu-w-internet-explorer)
"rozrzucone" menu w Internet Explorer - forland - 29-11-2010
Witam
mam problem ze stroną w IE. jest oparta o CSS, poradziłem już sobie z różnicami w rozmiarach box'ów pod IE i innymi przeglądarkami, ale nie mam pojęcia jak zlikwidować "rozstrzał" pomiędzy przyciskami menu. Chodzi oczywiście o to, żeby było tak jak w Firefox.
poniżej kod i screeny z Firefoxa i IE:
w tym boxie zawarte jest menu:
Kod:
#left {
width:130px;
/* any IE */
width: expression('142px');
margin:4px 4px 4px 0px;
padding:5px;
border:1px solid #4b9eb0;
background:#F7F7F7;
float:left;
}kod menu:
Kod:
#left ul {
margin:0px;
padding:0px;
list-style-type:none;
}
#left ul li a, #left ul li a:visited {
display:block;
border:none;
text-align:left;
background:#333;
padding:6px 6px 6px 10px;
margin:2px;
color:#FFF;
text-decoration:none;
font-weight:bold;
font-size:1.15em;
}
#left ul li a:hover {
background:#4B9EAF;
}
#left ul li a#current {
background: #4B9EAF;
color: #FFF;
}dzięki za pomoc,
pozdrawiam
RE: "rozrzucone" menu w Internet Explorer - Kartofelek - 29-11-2010
Ostyluj LI - powinno pomoc.
Ogólnie fajnie jest robić tak:
Stylujesz LI, potem dajesz w nim blokowy A, który ma width na 100% i height takie jak LI.
Reszta rzeczy typu line-height itp dajesz dla A.
RE: "rozrzucone" menu w Internet Explorer - forland - 29-11-2010
mógłbym poprosić jeszcze jakiś przykład kodu na to, o czym napisałeś?
kombinuję, ale coś mi nie wychodzi
z góry dzięki
edit:
dodam jeszcze kod html dotyczący menu:
Kod:
<div id="left">
<div id="tytul">
Menu główne:
</div>
<ul>
<li><a id="current" href="index.html">Strona główna</a></li>
<li><a href="stacja.html">O Stacji</a></li>
<li><a href="wyprawy.html">Nasze Wyprawy</a></li>
<li><a href="badania.html">Badania</a></li>
<li><a href="wydarzenia.html">Wydarzenia</a></li>
<li><a href="publikacje.html">Publikacje</a></li>
<li><a href="linki.html">Linki</a></li>
<li><a href="ksiega.html">Księga gości</a></li>
</ul>
...RE: "rozrzucone" menu w Internet Explorer - Kartofelek - 30-11-2010
Masz tak:
#left ul { <- STYL DLA UL
margin:0px;
padding:0px;
list-style-type:none;
}
#left ul li a, #left ul li a:visited { <- STYL DLA A w LI
display:block;
border:none;
text-align:left;
background:#333;
padding:6px 6px 6px 10px;
margin:2px;
color:#FFF;
text-decoration:none;
font-weight:bold;
font-size:1.15em;
}
#left ul li a:hover { <- STYL DLA A
background:#4B9EAF;
}
#left ul li a#current { <- STYL DLA A
background: #4B9EAF;
color: #FFF;
}
musisz ostylować LI
#left ul li {
.....
}
style tak jak ci pisałem