Bild über Textlink grau hinterlegen

[Ulrich]

Hallo,

ich folgende Situation: Einen Textlink und ein Bild mit einem Link (<a href=""><img src="???"></a>). Ich habe eine CSS-Datei, in der unter anderem

a:hover{color:gray}

definiert ist. Wenn ich mit der Maus über das Bild gehe, wird der Hintergrund des Bildes in grau hinterlegt (ist ein transparentes GIF). Ich will erreichen, wenn ich über den Textlink gehe, dass für das Bild das Ereignis a:hover (Bild wird grau hinterlegt) ausgelöst, obwohl die Maus sich nicht über dem Bild befindet.

Wichtig: Es ist nicht möglich folgendes zu machen:

<a href=""><img src=""> Ein Text</a>

Zwischen Bild und Text soll ein Leerzeichen sein, das nicht grau hervorgehoben wird.

Ulrich

[at]

Hallo.

Wichtig: Es ist nicht möglich folgendes zu machen:

<a href=""><img src=""> Ein Text</a>

Aber es ist möglich,
"<a href=""><img src="" ...> <span>Ein Text</span></a>"
in Verbindung mit
"a:hover img, a:hover span {...}"
zu machen.
MfG, at

[Ulrich]

Hallo,

leider geht das nicht.

Hier ein Ausschnitt aus dem Quellcode:

<td>
  <a href="plate.htm">
    <img src="../../bilder/produkte/thumb_plate.gif">
  </a>
</td>
<td>
  <a href="plate.htm">Wärmeaustauschplatten</a>
</td>

Wenn ich über den Link "Wärmeaustauschplatten" gehe, soll das Bild mittels des Hover-Effektes grau hinterlegt werden und umgekehrt.

Ulrich

[at]

Hallo.
Ist die Tabelle denn semantisch motiviert oder nur pragmatisch?
MfG, at

[Ulrich]

Auf www.buco-gmbh.de im Menü auf Produkte gehen. Das ist die Seite.

[at]

Hallo.

Auf www.buco-gmbh.de im Menü auf Produkte gehen. Das ist die Seite.

Die Tabelle ist also in semantischer Hinsicht unnötig. Verwende stattdessen besser das von mir vorgeschlagene Konstrukt innerhalb einer <ul>.
MfG, at

[Ulrich]

Hi,

das funktioniert irgendwie nicht: http://www.buco-gmbh.de/deutsch/products/info_a.htm

Erster Link

Ulrich

[at]

Hallo.

das funktioniert irgendwie nicht: http://www.buco-gmbh.de/deutsch/products/info_a.htm

Du solltest auch das CSS in der von mir genannten Weise anpassen.
MfG, at

[Ulrich]

Hallo,

das funktioniert immer noch nicht so richtig. WEnn ich das jetzt so mache, wie Du vorgeschlagen hast, werden im Opera (funktioniert nicht mit dem IE) werden alle Bilder grau hinterlegt, das will ich aber nicht. Wenn ich auf ein Link geh, soll nur das nebenstehende Bild hinterlegt werden. Gibt es noch eine andere Möglichkeit, die auch der IE versteht?

Danke für Deine Mühen

Ulrich

[at]

Hallo.

das funktioniert immer noch nicht so richtig.

Deine Fehlerbeschreibung ist sehr dürftig und das HTML alles andere als übersichtlich.
Um die Sache an dieser Stelle also ein wenig abzukürzen, empfehle ich dir, dich etwas mehr mit CSS zu befassen und dir vielleicht aus der Verweisliste auf der provisorischen Seite http://www.sicher-durchs-netz.de/internet/woerterbuch.html (http://www.sicher-durchs-netz.de/neuzeit.css) eine Lösung herzuleiten. Der Ansatz ist der von mir genannte, nur eben mit einer zweiten Art von Text statt Bildern.
MfG, at