[gelöst] aktiver menüpunkt lässt sich nicht stylen

Für Fragen und Diskussionen zum Layout und Design, Templates und Stylesheets sowie Themes
Post Reply
User avatar
pigsound
Forum Members
Forum Members
Posts: 67
Joined: Sun Jun 28, 2009 3:08 pm

[gelöst] aktiver menüpunkt lässt sich nicht stylen

Post 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
Last edited by pigsound on Mon Jun 29, 2009 1:50 pm, edited 1 time in total.
nockenfell
Power Poster
Power Poster
Posts: 751
Joined: Fri Sep 12, 2008 2:34 pm

Re: aktiver menüpunkt lässt sich nicht stylen

Post 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;
}
[this message is written with 100% recycled bits]
User avatar
pigsound
Forum Members
Forum Members
Posts: 67
Joined: Sun Jun 28, 2009 3:08 pm

Re: aktiver menüpunkt lässt sich nicht stylen

Post by pigsound »

;D
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
NaN

Re: [gelöst] aktiver menüpunkt lässt sich nicht stylen

Post 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
Post Reply

Return to “Layout und Design”