Thema: Active Link

Hallo zusammen!

habe folgendes Problem ich habe einen Link.

Der link hat die Klasse <li class="parent item9"><a......

Bei einem Rollover wird das Hintergrundbild gewechselt das geht auch soweit.

Nun sollte dieses Rolloverbild auch angezeigt werden wen der link active ist das bekomme ich aber einfach nicht hin weil die item9 klasse die anderen wieder überschreibt (das hintergrundbild aufjedenfall)


Sobald ein link active ist enthält er folgende klasse und id

<li id="current" class="parent active item9">

Für hilfe uns Ansätze bin ich sehr dankbar danke schonmal im Voraus Gruß

Auf die Reihenfolge der CSS Selektoren achten. Wenn die ID #current die letzte
definierte Eigenschaft ist, kann diese gar nicht überschrieben werden.

Hi danke für die schnelle Antwort ich habe nun

#current{
background-image:url(../images/test1.jpg);
....
}

ganz unter in meiner css

und

.item50 a{
background-image:url(../images/test.jpg);
....


}


ganz oben so hast du es doch gemeint oder?

geht so leider aber trotzdem nicht Gruß

Das ist grundsätzlich nicht sinnvoll so zu verfahren.

Code:

/* menülink */
li a:link, li a:visited {
   background: url(../images/test.jpg) no-repeat;
}

/* menülink hover */
li a:hover {
   background: url(../images/test_hover.jpg) no-repeat;
}

/* menülink aktiv - betrifft alle aktiven elemente, also auch die eltern */
li.active a:link, 
li.active a:visited {
   background: url(../images/test_active.jpg) no-repeat;
}

/* menülink aktiv hover - betrifft alle aktiven elemente, also auch die eltern */
li.active a:hover {
   background: url(../images/test_active_hover.jpg) no-repeat;
}

/* menülink - betrifft nur das (letzte) aktuelle element */
li#current a:link, 
li#current a:visited {
   background: url(../images/test_current.jpg) no-repeat;
}

/* menülink hover - betrifft nur das (letzte) aktuelle element */
li#current a:hover {
   background: url(../images/test_current_hover.jpg) no-repeat;
}

Natürlich kann man bestimmte Selektoren auch zusammenlegen, wenn das Gleiche
gewünscht ist.

ganz unter in meiner css

Das ist nicht notwendig, es geht nur um die Reihenfolge im Kontext der Menülinks.

Hi hab alles so ausprobiert wie du geschrieben hast leider geht es immer noch nicht das bild wird jetzt überlagert das heist sobal ein link active ist erscheint das selbe bild links daneben leicht versetzt.

Könnte es vieleicht daran liegen das ich mehrer submenü einträge habe? bei denen ist nun auch noch das problem das sie gleich aussehen wie die parent links was aber eigentlich nicht sein sollte.

Gruß

Edit: Wie ich sehe tritt das Phänomen mit dem versetzen Bild nur im IE 5.0 auf. Komisch oder?

Im IE 5.0? Von welchem Stern kommst du denn?

Komisch oder?

Gar nicht.

Hallo^^ ich habe alle IEs vom 5 bis zum Internet Explorer 8 Beta 2 dazu noch alle anderen gängigen Browser in verschiedenen Versionen und leider gibt’s noch genügend Menschen größtenteils älter die noch kein Firefox oder IE7 haben.

Da mein Problem also normal zu sein scheint kannst du mir ja vieleicht erklären wieso?

Wie löse ich das mit den Parent und Children Items in der UL?

Danke schon mal im Voraus Gruß

Na ja, die CSS Möglichkeiten im IE 5 sind begrenzt.

Wie löse ich das mit den Parent und Children Items in der UL?

Code:

ul li { parent }
ul ul li { child }
ul ul ul li { child child }

ul li { parent }
ul li li { child }
ul li li li { child child }

Hey super danke geht sehr gut bis jetzt habe nur noch ein kleines Problem meine Submenüs bekommen nun auch die id="#current" das heißt sobald ein link davon active wird bekommt er den hover zustand von meinen Parent links gibst hierfür vieleicht auch noch eine Lösung?

Was denkst du darüber seine Seite IE5 konform zu machen?