zu meiner vorgeschichte ich wollt mir ein schickes wp theme bauen mit einer horizontalen navi. dass ging auch soweit ganz gut im IE zumindest. als ichn blick mit FF draufgeworfen hab, wars ne einzige katastrophe
ich bin grad dabei alles auszubessern bei einem ding komm ich aber nicht weiter und das is die horizontale navi
hier die schnippsel:
<style type="text/css">
#header_navi ul li {
padding-top:13px;
text-align:center;
height:40px;
width:100px;
list-style:none;
display:inline;
margin:50px 10px 0px 40px;
font-size:10pt;
font-familiy:Arial;
color:#990000;
background:url(img/Button.png);
background-repeat:no-repeat;
}
#header_navi ul a {
text-decoration:none;
color:#990000;
}
#header_navi ul a:hover, #header_navi ul a:active {
text-decoration:underline;
margin-left:0px;
height:40px;
width:100px;
background-image:url(img/Button-Kopie-(rot).png);
background-repeat:no-repeat;
color:#ffffff;
}
</style>
</head>
<body>
<div id="page">
<div id="header">
<div id="header_navi">
<ul><li><p>Home</p></li>
<li><p><a
href="http://www.test123.de">Page</a></p></li>
<li><a href="http://www.test123.de"><p>Page1</p></a></li>
<li><a href="http://www.test.de"><p>Page2</p></a></li>
<li><a href="http://www.test.de"><p>Page3</p></a></li></ul>
</div>
</div>
</div>
</body>
</html>problem im FF: der ff reagiert gar nicht auf die .css befehle jedenfalls nicht auf die von header_navi ul li ->keine bilder (buttons), kein horizontale anordnung der <li>'s(nur untereinander) und auch auf sonst nichts
:confused:könnte es an den <li> und <ul> liegen:confused:
problem im IE: der stellt alles korrekt dar so wie ich es will, aber er verschiebt die a:hover buttons (img/Button-Kopie-(rot).png) nach unten liegt an dem padding-top:13px, wenn ich aber das weglasse is der text nicht in der mitte sondern oberhalb vom button. jemand ne idee wie ich das anders umgehen kann?
vielen dank schon mal für euro antworten und entschuldigt alle rechtschreibfehler es is spät und ich kann mich nicht mehr konzentrieren
mfg Necronomicon