Page 1 of 1
[gelöst] aktiver menüpunkt lässt sich nicht stylen
Posted: Mon Jun 29, 2009 10:27 am
by pigsound
ich kämpfe jetzt schon ewig mit der .currentpage - classe herum und komm nicht weiter: der jeweils aktive menüpunkt erscheint nicht im vorgesehenen stil. irgendwo muss ich einen fehler gemacht haben. unter
http://forum.cmsmadesimple.org/index.php/topic,35057.0.html sind alle codes. ich wäre sehr dankbar, wenn mir jemand weiterhelfen könnte!
cheers, pigsound
Re: aktiver menüpunkt lässt sich nicht stylen
Posted: Mon Jun 29, 2009 10:44 am
by nockenfell
Warum sprichst du die currentpage nicht direkt an?
Code: Select all
ul#menu li a.currentpage {
background-color: #665152;
border-top-color: #665152;
border-top-width: 10px;
border-top-style: solid;
border-bottom-color: #665152;
border-bottom-width: 10px;
border-bottom-style: solid;
}
Re: aktiver menüpunkt lässt sich nicht stylen
Posted: Mon Jun 29, 2009 1:49 pm
by pigsound
aaah... danke!!! das war die lösung, ich bin so glücklich!
ein bisschen css kann ich zwar, aber ich komm doch auf viele möglichkeiten nicht allein drauf.
danke, pigsound
Re: [gelöst] aktiver menüpunkt lässt sich nicht stylen
Posted: Mon Jun 29, 2009 2:03 pm
by NaN
Noch ein kleiner Tipp, es ist nicht immer sinnvoll im CSS nach IDs und Klassen zu sortieren (siehe Deinem verlinkten Post).
Im Stylesheet spielt die Reihenfolge in der die Formatierungsanweisungen stehen eine große Rolle.
Außerdem gelten bestimmte Hierarchien nach denen die Browser vorhergehende Anweisungen überschreiben (oder eben nicht).
Bsp:
HTML:
Code: Select all
<div id="irgendeine_id" class="irgendeine_klasse">...</div>
CSS:
Code: Select all
#irgndeine_id {
border:1px solid red;
}
.irgendeine_klasse {
border:none;
}
Das Div hätte generell einen Rahmen, da IDs gegenüber Klassen Vorrang haben.
Mehr dazu findet man z.B. unter
http://de.selfhtml.org/css/formate/kask ... pezifitaet