Der folgende Beitrag wurde am 20. 05. 2008, 09:00 Uhr von benpen veröffentlicht.
Hallo, mit der Suche habe zu meinem Problem nichts gefunden.
Und zwar. Ich hab hier ein Listenmenü in einem div. Das div und die Listen habe komplett mit css formatiert. Jetzt weise ich mittels php einem aktiven Listenelement eine Klasse (.aktiv) zu.
Doch es werden nur die Eigenschaften von .aktiv übernommen, welche nochnirgend in diesem css-Dokument angegeben wurden.
Wenn ich also z.B. bei #navimain li a:hover die Farbe Weiß zuweise und bei .aktiv Schwarz, wird das Schwarz nicht berücksichtigt.
An was liegt das?
Hier meine Codes:
PHP:
<?php
$section = $_GET['section'];
?>
<div id="navimain">
<ul>
<li><a href="navi01.php?section=produkte"<?php echo $_REQUEST['section']=='produkte'?' class="activ"':''; ?>>Produkte</a></li>
<li><a href="navi01.php?section=kontakt"<?php echo $_REQUEST['section']=='kontakt'?' class="activ"':''; ?>>Kontakt</a></li>
</ul>
</div>
CSS
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
background-color: #f7f7f7;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
color: #0066FF;
}
#navimain {float:left;}
#navimain ul
{
list-style-type: none;
padding: 0px;
border: 1px solid #000000;
}
#navimain li {
display: block;
}
#navimain li a, #navimain li a:link {
text-decoration: none;
display: block;
color: #000000;
width: 150px;
padding: 5px;
}
#navimain li a:visited {
color: #0066FF;
background-color: #EBEBEB;
}
#navimain li a:active, #navimain li a:hover, #navimain li a:focus {
color: #ffcc00;
background-color: #818181;
}
.activ { font-weight:bold; background-color:#666666; color:#00FF00}
Der folgende Beitrag wurde am 20. 05. 2008, 09:07 Uhr von Gunnar Bittersmann veröffentlicht.
@@benpen:
> Wenn ich also z.B. bei #navimain li a:hover die Farbe Weiß zuweise und bei .aktiv Schwarz, wird das Schwarz nicht berücksichtigt.
> An was liegt das?
An der Spezifität der Selektoren.
> Hier meine Codes:
> PHP:
Serverseitiger Code ist bei einem clientseitigen Problem irrelevant.
Live long and prosper,
Gunnar
--
“New Jersey Hall of Fame? […] But then I ran through the list of names: Albert Einstein, Bruce Springsteen... my mother's going to like that. […] it's the only time she's going to hear those two names mentioned in the same sentence, so I'm going to enjoy it.” (Bruce Springsteen when inducted into the New Jersey Hall of Fame, 2008-05-04)
Der folgende Beitrag wurde am 20. 05. 2008, 09:11 Uhr von Jaroslav Jablonski veröffentlicht.
> Doch es werden nur die Eigenschaften von .aktiv übernommen, welche nochnirgend in diesem css-Dokument angegeben wurden.
Der Klassenselektor hat in deuinem Beispiel die niedrigste Gewichtung:
http://de.selfhtml.org/css/formate/kaskade.htm#spezifitaet
JJ
Der folgende Beitrag wurde am 20. 05. 2008, 09:22 Uhr von benpen veröffentlicht.
Ah OK. Aber gibt es denn ein Lösung?
Der folgende Beitrag wurde am 20. 05. 2008, 09:31 Uhr von Gunnar Bittersmann veröffentlicht.
@@benpen:
> > Der Klassenselektor hat in deuinem Beispiel die niedrigste Gewichtung:
> Ah OK. Aber gibt es denn ein Lösung?
Sie liegt auf der Hand: Erhöhe die Spezifität des entsprechenden Selektors (durch hinzufügen von Element- oder ID-Bezeichnern).
Live long and prosper,
Gunnar
--
“New Jersey Hall of Fame? […] But then I ran through the list of names: Albert Einstein, Bruce Springsteen... my mother's going to like that. […] it's the only time she's going to hear those two names mentioned in the same sentence, so I'm going to enjoy it.” (Bruce Springsteen when inducted into the New Jersey Hall of Fame, 2008-05-04)
Der folgende Beitrag wurde am 20. 05. 2008, 09:40 Uhr von benpen veröffentlicht.
> @@benpen:
>
> > > Der Klassenselektor hat in deuinem Beispiel die niedrigste Gewichtung:
> > Ah OK. Aber gibt es denn ein Lösung?
>
> Sie liegt auf der Hand: Erhöhe die Spezifität des entsprechenden Selektors (durch hinzufügen von Element- oder ID-Bezeichnern).
>
> Live long and prosper,
> Gunnar
Danke schön. Jetzt klappt es.
Hab aus ".aktiv" nun "#navimain li a.aktiv" gemacht
© 1998-2013 SELFHTMLImpressumSoftware: Classic Forum 3.4