CSS Menu Hintergrund Farbe Änderung nur für ein bestimmter Bereich

dota2hook

Cadet 2nd Year
Registriert
Dez. 2011
Beiträge
26
Hey Leute, auf folgender Seite: http://www.newsocialdynamics.de/ will ich da wo "Member Area" steht, bis zum Menu-Rand gelb färben.

Das erste was ich versucht habe, war durch der Width Eigenschaft, nur dass Problem dabei war, dass der Button dann Rechteckig war und nciht zum Menu gepasst hat.

Habt ihr eine IDee, wie ich das am besten machen könnte?

Danke schon im VOraus,

LG philip
 
So?



[url ]http://www.newsocialdynamics.de/wp-content/w3tc/min/bfc7fa6a.510f9a.css[/url]
HTML:
.navigation.main{
    -moz-linear-gradient(center top , #FDC635, #FDD66E 19px, #FDC635 19px, #FDC635);
}
 
Gib dem letzten Listenelement
Code:
width: 134px;
border-radius: 0px 9px 9px 0px;
Ist aber alles ziemlich hacky, es sei denn das Menü wird sich niemals ändern und auch nicht lokalisiert.
 
Ach das war gemeint.

Dann am besten so:

HTML:
ul#nav li:last-child {
    width: 134px;
    border-radius: 0 9px 9px 0;
}

Übrigens kommt man bei dem Menü Person nicht auf den Punkt Warum ich tue, was ich tue.
 
Zuletzt bearbeitet:
IE8 und abwärts unterstützt das leider nicht. Zur Not mit jQuery nachhelfen oder eben direkt per id ansprechen. Hat ja erstaunlicherweise jedes Element eine id.

Oder auf IE scheißen. Ist auch legitim.
 
Das hat super funktioniert, danke!

ul#nav li:last-child {
width: 134px;
border-radius: 0 9px 9px 0;
}
Ergänzung ()

Hmm, anscheinend hat es an einem Mac mit FIrefox nicht ganz gepasst:



ps. Jetzt ist der Rand links rechteckig, und nicht mehr Rund wie es im Moment rechts ist. Kann man eben auf beiden Enden ein runden Rand hinkriegen?
 
Zuletzt bearbeitet:
Du könntest jedem Element seine eigene Hintergrund farbe verpassen, dann mit :first-child und :last-child die Rundungen machen.
 
Ok, ich glaub ich habe herausgefunden an was es liegt. Wegen dem Scalieren der Webseite. Sprich Strg+Mauserad, zoomen.

;(
Ergänzung ()

Du könntest jedem Element seine eigene Hintergrund farbe verpassen, dann mit :first-child und :last-child die Rundungen machen.

Wie genau wird eine Rundung gemacht? Bzw. wo wird das in meinem Code getan.

*Sorry für die Noob-Fragen
 
So jetzt habe ich es durch float:right geschaft. Ist es aber möglich, den gesamtem letzten bereich auszufüllen? Also von Kontakt bis Member Area?

Danke!
 

Ähnliche Themen

Zurück
Oben