Hallo zusammen,
ich habe ein Problem beim ersteller einer Textbasierten Navigation, die mit css gestylt werden soll.
Ich habe die Navigatino in eine Liste gepackt und diese mit css bearbeitet. Nun will ich, dass die aktiven bzw. in der rootlineliegenden Elemente anders aussehen . Und habe mir gedacht, dass ich diesen besagten Elementen ein class Attribut mitgebe, jedoch wird die hintergrundfarbe der class Definition nicht beachtet. Kann mir jemand helfen, wie ich dieses Problem lösen könnte.
Hier der Code:
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Unbenanntes Dokument</title>
<style type="text/css">
#navi{
float:left;
width: 9.5em;
text-align:left;
background-image:url(../media/background-navco.gif);
}
#navi ul {
list-style:none;
margin-left:5px;
}
#navi ul li{
margin-bottom:1px;
background-color:#FFFFFF;
padding:0.19em 0.4em;
}
#navi ul :hover{
background-color:#666666;
}
#navi li a:hover{
text-decoration:underline;
}
.rootline {
background-color:#339933;
color:#00FF66;
border-left:solid 3px #666666;
}
.active {
background:#FF0000;A
border-left:solid 5px #666666;
font-weight:bold;
}
* {
background-color:#000000;
}
</style>
</head>
<body>
<div id="navi">
<ul>
<li class="active"><a href="index.php?id=60" onfocus="blurLink(this);" >News</li>
<ul>
<li class="rootline">Fahrplan der Zukunft</li>
<li>test</li>
<li>Nachtfahrt</li>
</ul>
<li>Anfahrt</li>
<li>Termine</li>
</ul>
</div>
</body>
</html>
13.08.2007, 00:08
ID und Class vererbungs problem
Ähnliche Themen
Linear-Darstellung
