Hover Effekt soll sich auf andere Klasse auswirken

[Hannes_L]

Hallo,

ich habe bei einer Bildergalerie die Kategorien mit Bilder gekennzeichnet.
Für diese Bilder nutze ich den opacity Effekt:

.bild {
        filter: alpha(opacity=40);
        -moz-opacity: 0.4;
        opacity: 0.4;
}

.bild:hover {
         filter: alpha(opacity=100);
         -moz-opacity: 1;
         opacity: 1;
}

Nun steht neben den Kategorienbildern auch der Kategoriennamen (als Text), der mit folgender Klasse definiert ist:

a.ps_cat_left {
        text-decoration: none;
        font-size: 12px;
        color: #FFFFFF;
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

a.ps_cat_left:hover {
        text-decoration: underline;
        font-size: 12px;
        color: #FFFFFF;
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

Meine Frage:

Wie mache ich es das der hover Effekt der Bilder auch dann auftritt wenn man mit der Maus über den Kategorienname geht, und nicht über das Bild selbst? Ist das überhaupt möglich?

Schöne Grüße

Hannes

[D.R.]

Hi,

Meine Frage:

Wie mache ich es das der hover Effekt der Bilder auch dann auftritt wenn man mit der Maus über den Kategorienname geht, und nicht über das Bild selbst? Ist das überhaupt möglich?

Du müsstest das Bild und den Text in das selbe Element packen.
Wenn du z.B. folgendes notierst:

  
<a href="Linkziel">Text zum Bild<img src="Bild" /></a>  

...dann kann sich der hover-Effekt auf beides gleichzeitig auswirken.
Alternativ könntest du auch absolute positionierung und javascript verwenden.

Einen schönen Montag noch!

[Hannes_L]

Hallo,

dann würde sich der opacity-Effekt ja auch auf die Schrift auswirken, was ich ja nicht will.

Zudem befinden sich Text und Bild in 2 verschiedenen Tabellen.

Gruß Hannes

[Ingo Turski]

Hi,

dann würde sich der opacity-Effekt ja auch auf die Schrift auswirken, was ich ja nicht will.

Nein, Wieso? Du kannst doch a img formatieren.

Zudem befinden sich Text und Bild in 2 verschiedenen Tabellen.

Dann hilft Dir CSS allein nicht weiter.

freundliche Grüße
Ingo

[Hannes_L]

HI

dann würde sich der opacity-Effekt ja auch auf die Schrift auswirken, was ich ja nicht will.
Nein, Wieso? Du kannst doch a img formatieren.

Stimmt, daran hatte ich garnicht gedacht, danke!

Zudem befinden sich Text und Bild in 2 verschiedenen Tabellen.
Dann hilft Dir CSS allein nicht weiter.

Schade, dann muss ich wohl das ganze ein bisschen umstricken.

Danke dir.

Gruß Hannes