Witam. Mam problem z kodem, ale nie wiem czy CSS czy HTML. Rozjeżdza mi się w dół pod FireFoxem. Nie znam dokładnych wersji, ale na FF3 wszystko jest ok.
W HTML mam:
<li class="limenu" style="width: 101px; height: 38px;"><span style="width: 101px; background: url(images/menu_left.jpg); height: 38px;"></span></li><li class="limenu" style="width: 173px; height: 38px;"><span><a href="index.php" class="aglowna"></a></span></li><li class="limenu" style="width: 20px; height: 38px;"><span style="width: 20px; background: url(images/separator1.jpg); height: 38px;"></span></li><li class="limenu" style="width: 73px; height: 38px;"><span><a href="http://forum.xxxxxxxx.pl/" class="aforum"></a></span></li><li class="limenu" style="width: 21px; height: 38px;"><span style="width: 21px; background: url(images/separator2.jpg); height: 38px;"></span></li><li class="limenu" style="width: 119px; height: 38px;"><span><a href="index.php?act=rejestracja" class="arejestracja"></a></span></li><li class="limenu" style="width: 21px; height: 38px;"><span style="width: 21px; background: url(images/separator3.jpg); height: 38px;"></span></li><li class="limenu" style="width: 98px; height: 38px;"><span><a href="index.php?act=kontakt" class="akontakt"></a></span></li><li class="limenu" style="width: 109px; height: 38px;"><span style="width: 109px; background: url(images/menu_right.jpg); height: 38px;"></span></li>
A w CSS
#menuwrapper {
padding : 0;
margin : 0 auto;
border : 0;
width : 735px;
height : 38px;
}
#menu {
padding : 0;
margin : 0 auto;
border : 0;
display : block;
width : 735px;
height : 38px;
list-style : none;
}
ul {
padding : 0;
margin : 0;
border : 0;
list-style : none;
display : inline;
}
ul li {
padding : 0;
margin : 0;
border : 0;
height : 38px;
list-style : none;
display : inline;
}
.limenu {
padding : 0;
margin : 0;
border : 0;
list-style : none;
display : inline;
white-space : nowrap;
}
.limenu span {
padding : 0;
margin : 0;
border : 0;
width : auto;
display : inline-block;
}
.aglowna {
padding : 0;
margin : 0;
border : 0;
height : 38px;
display : block;
width : 173px;
background : url(images/glowna.jpg) no-repeat 0 0;
}
.aglowna:hover {
background-position : 0 -38px;
}
.aforum {
padding : 0;
margin : 0;
border : 0;
height : 38px;
display : block;
width : 73px;
background : url(images/forum.jpg) no-repeat 0 0;
}
.aforum:hover {
background-position : 0 -38px;
}
.arejestracja {
padding : 0;
margin : 0;
border : 0;
height : 38px;
display : block;
width : 119px;
background : url(images/rejestracja.jpg) no-repeat 0 0;
}
.arejestracja:hover {
background-position : 0 -38px;
}
.akontakt {
padding : 0;
margin : 0;
border : 0;
height : 38px;
display : block;
width : 98px;
background : url(images/kontakt.jpg) no-repeat 0 0;
}
.akontakt:hover {
background-position : 0 -38px;
}
Nie mam pojęcia jak to naprawić. Proszę o sugestie...
Ten post edytował ArekJ 15.12.2008, 22:03:34