nicht angemeldet
Hallo,
ich hoffe ihr könnt mir helfen. Ich weiß, dass der IE an einigen Stellen Probleme macht, doch hoffentlich weiß einer von euch, wie ich das ganze umgehen kann oder korregieren kann.
Ich möchte gerne mittels CSS einige "Buttons" in unterschiedlicher Farbe erstellen.
Dabei werden allen Links mittels id="menu" umrahmt.
Unter id="menux" sollen dann nur die jeweiligen Farbenfüllungen angegeben werden. Somit sollte die in "menu" beschriebene Formatierung an die "menux" "vererbt" verwerden.
Dazu fand ich irgendwo im Netz den ">"Operator. In Firefox funktioniert das ganze, lediglich der IE macht Probleme.
Dafür funkioniert die Breitenangabe "width=150px" im IE, der Firefox hingegen umrandet nur die maximale Wortlänge.
Was soll ich tun?
Alex
<html>
<head>
<link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>
<div id="menu">
<a id="menu1" href="test.html">Test1</a>
<a id="menu2" href="test.html">Test2</a>
<a id="menu3" href="test.html">Test3</a>
<a id="menu4" href="test.html">Test4</a>
</div>
</body>
</html>
-------------------------
#menu a
{
display:inline;
margin-bottom:5px;
text-align:center;
width:150px;
border-style:solid;
border-width:1px;
padding:2px;
text-decoration:none;
}
#menu a:link { color:black; background-color:transparent; }
#menu a:visited { color:black; background-color:transparent; }
#menu a:hover { color:grey; background-color:transparent; }
#menu a:active { color:red; background-color:transparent; }
#menu>#menu1
{
background-color: red;
}