CSS Redaxo Menü

[DaniH]

Hallo,

irgendwie stelle ich mich gerade blöd an. Ich will den ersten und den ersten Punkt der Navigation, also die ID anders darstellen. Schön und gut, aber ich bekomme es nicht hin.

Code: Alles auswählen

<ul class="navi-lev-1">
<li class="navi-id-1 first normal lev1"><a href="/"><span>Home</span></a></li>
<li class="navi-id-7 normal lev1"><a href="/de/ueber-uns.html"><span>Über Uns</span></a></li>
<li class="navi-id-8 normal lev1"><a href="/de/anfahrt.html"><span>Anfahrt</span></a></li>
<li class="navi-id-12 last normal lev1"><a href="/de/kontakt.html"><span>Kontakt</span></a></li>
</ul>

Der CSS Code

Code: Alles auswählen

.navi-lev-1 ul {
    padding: 0;
    margin: 0;
}
.navi-lev-1 li {
    line-height: 35px;
    background: url(/files/template_navi.png) 0px 0px;
    background-repeat: no-repeat;
    list-style-type: none;
    padding-left:10px;
    width: 230px;
    list-style-image: none;
}
li .navi-id-1 {
    background: url(/files/template_navi.png) 0px 55px;
}

[labking]

Hallo

Ich bin auch kein CSS-Experte, aber versuchen Sie mal, das zu ändern:
Original:

Code: Alles auswählen

li .navi-id-1 {
    background: url(/files/template_navi.png) 0px 55px;
}

Verbesserung:

Code: Alles auswählen

.li navi-id-1 {
    background: url(/files/template_navi.png) 0px 55px;
}

Der erste Punkt kommt vor "li". Ich hoffe, das hilft Ihnen weiter.

Grüsse
LabKing

[Gregor.Harlan]

Hallo,

"li .navi-id-1" bedeutet irgendein Element mit der Klasse "navi-id-1" innerhalb eines li-Elements.
Du möchtest aber li-Elemente mit der Klasse "navi-id-1", daher musst du das Leerzeichen weglassen, also: "li.navi-id-1".

@labking: ".li" würde bedeuten irgendein Element mit der Klasse "li"..

Gruß, Gregor

[labking]

Haben wir beide etwas gelernt. Danke!

[DaniH]

Supi! Vielen Dank, so klappts nun und ich weiß wo der Fehler lag!