PHP ver gevorderde |
|
Ik heb volgende code voor mijn navigatiebalk:
<div class="menubalk">
<ul class="menu-navigatie" style="margin: 0px;padding: 0px;list-style-type: none;">
<li><a href="/">Hoofdpagina</a></li>
<li><a href="?Pagina=rss">RSS</a></li>
<li><a href="g">Test</a></li>
</ul>
</div>
<div class="menubalk"> <ul class="menu-navigatie" style="margin: 0px;padding: 0px;list-style-type: none;"> <li><a href="/">Hoofdpagina</a></li> <li><a href="?Pagina=rss">RSS</a></li> <li><a href="g">Test</a></li> </ul> </div>
En dit is de CSS code:
div.menubalk {
color: #AAAAAA;
margin: 5px;
background: url(../afbeeldingen/menubalk.gif);
font-size: 10px;
height: 22px;
margin-top: 0px;
color: #AAAAAA;
padding: 0 24px 0 18px;
margin-left: 0px;
margin-bottom: 0px;
}
ul.menu-navigatie a, ul.menu-navigatie a:hover {
float: left;
display: block;
padding: 1px 1px 1px 2px;
width: 130px;
font-size: 10px;
height: 20px;
text-decoration: none;
text-align: center;
font-size: 13px;
}
ul.menu-navigatie a:hover {
color: #CC0000;
border: 1px solid #DDDDDD;
padding: 0px 0px 0px 1px;
background: url(../afbeeldingen/menubalk-actief.gif);
}
div.menubalk { color: #AAAAAA; margin: 5px; background: url(../afbeeldingen/menubalk.gif); font-size: 10px; height: 22px; margin-top: 0px; color: #AAAAAA; padding: 0 24px 0 18px; margin-left: 0px; margin-bottom: 0px; } ul.menu-navigatie a, ul.menu-navigatie a:hover { float: left; display: block; padding: 1px 1px 1px 2px; width: 130px; font-size: 10px; height: 20px; text-decoration: none; text-align: center; font-size: 13px; } ul.menu-navigatie a:hover { color: #CC0000; border: 1px solid #DDDDDD; padding: 0px 0px 0px 1px; background: url(../afbeeldingen/menubalk-actief.gif); }
Nu, in firefox is de code goed, maar in IE komen ze niet langs elkaar:
http://www.fadetolife.be/naamloos.bmp |