nicht angemeldet
CSS Navigation unterschiedliche Breite trotz Definition
Hi,
irgendwie bekomme ich das CSS für eine Navigation nicht im IE und Netscape hin.
Nachfolgend der Code:
<html>
<head>
<title>CSS Beispiel</title>
<style type="text/css">
body {
background-color:#FFFFFF;
margin-left:0px;
margin-top:0px;
font-family:sans-serif
}
div.naviSec a{
width:200px;
PADDING-LEFT:12px;
PADDING-RIGHT:12px;
PADDING-TOP:3px;
PADDING-BOTTOM:3px;
FONT-WEIGHT:normal;
FONT-SIZE:12px;
COLOR:#CCCCCC;
BACKGROUND-COLOR:#666666;
BORDER-BOTTOM:#CCCCCC 1px solid;
TEXT-DECORATION:none;
}
div.naviSec a:hover {
width:200px;
PADDING-LEFT:12px;
PADDING-RIGHT:12px;
PADDING-TOP:3px;
PADDING-BOTTOM:3px;
FONT-WEIGHT:normal;
FONT-SIZE:12px;
COLOR:#333333;
BORDER-BOTTOM:#9a9a9a 1px solid;
FONT-FAMILY:arial;
BACKGROUND-COLOR:#DEE3E7;
TEXT-DECORATION:none;
}
div.naviSec p{
margin-top:0px;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
}
</style>
</head>
<body>
<div class="naviSec">
<p><a href="http://www.google.de" target="_blank">Google.de Suchmaschine</a></p>
<p><a href="http://www.google.de" target="_blank">Google.de Images</a></p>
<p><a href="http://www.google.de" target="_blank">Google.de Groups</a></p>
<p><a href="http://www.google.de" target="_blank">Google.de und so weiter</a></p>
</div>
</body>
</html>
Im IE erscheint die Navi, so wie ich sie haben möchte, währrend im Netscape alles etwas verschoben und überlappt ist *grml*
Weiß jemand Rat?
Danke und Gruß
-
Hi!
Du musst noch padding für das p angeben, dann dürfte das passen. Ansonsten sei dir empfohlen, aus der Navigation eine Liste (ul) zu machen.
Gruß
Martin
-
Hi!
Du musst noch padding für das p angeben, dann dürfte das passen. Ansonsten sei dir empfohlen, aus der Navigation eine Liste (ul) zu machen.
Gruß
Martin
Das mit der Liste habe ich auch endlich auf einer Seite gefunden. Mein Dank sei Dir gewiß.
Beste Grüße,
Alex
-