Hover-Effekt mit 2 ap-div und CSS - wie geht das?

[icevogel]

Ich habe zwei ap-div auf meiner Seite positioniert: "bilder_lks" und "txt-r". Rechts stehen 4 Begriffe, die jeweils bei hover ein eigenes Bild in "bilder_lks" öffnen sollen. Also: Bei Wort "Sofa" soll Bild "Sofa" usw. erscheinen. Wie löse ich das ohne JS?

 

[Imbericle]

Daraus kannst du dir es ableiten:

Stu Nicholls | CSSplay | A CSS only dropdown menu v2

SELFHTML: Stylesheets / CSS-basierte Layouts / Navigationsleisten

MfG

 

[Efchen]

Wenn bilder_lks und das Element, in dem die 4 Begriffe stehen, nicht irgendwie miteinander verwandt sind, gar nicht.

 

[icevogel]

Wie lässt sich das umgehen? Beide ap-div stehen in einem umschließenden ap-div (content).

 

[Efchen]

Was ist denn ein ap-div?

Du musst einen Selektor schreiben können, der :hover und das zu ändernde Element gleichzeitig anspricht. Also bei Ausklappmenüs sowas wie
"ul#Menu li:hover ul" - Das macht was mit einer Liste in zweiter Ebene, wenn ein Listenelement der ersten Ebene gehovert wird.

Umgehen lässt sich das nicht.

 

[icevogel]

Neuer Versuch

Habe das Problem anders gelöst mit einer Galerie. Danke für die Hilfe!