<div id="mainmenu">
<ul>
<li><a href="#"><img src="templates/index.gif" width="26" height="5" alt="" title="" border="0" /></a></li>
<li><a href="#"><img src="templates/archives.gif" width="43" height="5" alt="" title="" border="0" /></a></li>
<li><a href="#"><img src="templates/about.gif" width="27" height="5" alt="" title="" border="0" /></a></li>
<li><a href="#"><img src="templates/contact.gif" width="39" height="5" alt="" title="" border="0" /></a></li>
</ul>
</div>
sa odgovarajućim CSS-om:
#mainmenu ul {
margin: 0px;
padding: 0px;
}
#mainmenu li {
list-style-type: none;
margin-bottom: 1px;
}
#mainmenu a {
background-color: #EEEEEE;
padding-top: 8px;
padding-right: 10px;
padding-bottom: 8px;
padding-left: 10px;
display: block;
}
vidi kako treba u Firefoxu:
a ne vidi u IE-u:
Totalno sam u rebusu :)
Pozdrav!