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
[gelöst] aktiver menüpunkt lässt sich nicht stylen
[gelöst] aktiver menüpunkt lässt sich nicht stylen
Last edited by pigsound on Mon Jun 29, 2009 1:50 pm, edited 1 time in total.
-
- Power Poster
- Posts: 751
- Joined: Fri Sep 12, 2008 2:34 pm
Re: aktiver menüpunkt lässt sich nicht stylen
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;
}
[this message is written with 100% recycled bits]
Re: aktiver menüpunkt lässt sich nicht stylen

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
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:
CSS:
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
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>
Code: Select all
#irgndeine_id {
border:1px solid red;
}
.irgendeine_klasse {
border:none;
}
Mehr dazu findet man z.B. unter http://de.selfhtml.org/css/formate/kask ... pezifitaet