31-05-2011, 02:21
OK napisałem cały kod po swojemu od nowa 
HTML:
Globalny CSS:
CSS pod Internet Explorer 6:
Wszystko działa
Co myślicie o kodzie?

HTML:
Kod:
<div id="menu">
<ul id="menu_list">
<li class="menu_active"><a href="#">Dom</a></li>
<li><a href="#">Uczniowie</a></li>
<li><a href="#">Nauczyciele</a></li>
<li><a href="#">Plany lekcji</a></li>
<li><a href="#">Galeria</a></li>
<li><a href="#">Kontakt</a></li>
</ul>
</div>
Globalny CSS:
Kod:
ul#menu_list{
margin: 0;
padding: 0;
height: 45px;
overflow: hidden;
}
ul#menu_list li{
list-style-type: none;
width: 165px;
/*albo zamiast width mozna uzyc
padding-left: apx;
padding-right: apx;
*/
height: 45px;
float: left;
text-align: center;
display: inline;
padding-top: 5px;
}
ul#menu_list li a{
color: #1A1A1A;
text-decoration: none;
}
ul#menu_list li:hover{
background: url(graphics/menu_background_hover.png);
}
.menu_active{
background: url(graphics/menu_background_hover.png);
}
CSS pod Internet Explorer 6:
Kod:
ul#menu_list li{
margin: 0;
padding: 0;
}
ul#menu_list li a{
display: block;
padding: 5px;
height: 45px;
}
ul#menu_list li a:hover{
background: url(graphics/menu_background_hover_ie6.png);
}
.menu_active{
background: url(graphics/menu_background_hover_ie6.png);
}
Wszystko działa

Co myślicie o kodzie?