hover Rahmen nicht um Bild, sondern im Bild

[fabb]

Haloo!

Ah, klar, daß es nicht geht – ich war von unterschiedlichem HTML ausgegangen. Sowas in der Art:

<div id="icons">

<a class="icon1" href="seite1.html"><img src="..." alt="Text fuer Leute ohne Grafik" /></a>
<a class="icon2" href="seite2.html"><img src="..." alt="Text fuer Leute ohne Grafik" /></a>
</div>

> > >   
>   
> > Danke für deine Antwort. Ich komme leider nicht weiter. Der Eintrag "Background-image" soll in die a-Elemente? Und der Hover-eintrag soll in die img-Elemente?  
> > Das ist mir einfach zu hoch, so weit bin ich nocht nicht.  
> >   
> > Schade, wenn es irgendwie geht, vielleicht noch einen Versuch.  
>   
> Nö, einen weiteren Versuch brauchen wir erst, wenn sich dieser als Holzweg herausstellt. ;-)  
> Ich versuche es mal anhand des (vereinfachten) CSS zu erklären:  
> ~~~css

a  

> {  
>   background-image:url(das-mit-der-border-drin.jpg); /* das ohne border ist die src vom img im a und verdeckt dieses Hintergrundbild */  
> }  
> a:hover img  
> {  
>   visibility:hidden; /* Bild wird unsichtbar, wenn der Link gehovert wird, und wir nehmen nicht display:none, sonst würde das Bild keinen Platz mehr reservieren */  
> }

img:hover geht aus zwei Gründen nicht: 1. versteht's der IE6 nicht (a:hover kann er, aber sonst kein hover), 2. würden wir dann wieder dasjenige Element verschwinden lassen, das den Effekt auslöst, und hätten wieder Geflacker.
Dank visibility:hidden bleibt der Platz für das img reserviert, die Fläche des Links bleibt gleich, und Geflacker bleibt aus. Das Hintergrundbild braucht auch keine Zeit mehr zum Nachladen, weil es schon am Anfang geladen wurde und bis zum Hover nur verdeckt war. Sollte so eigentlich funktionieren, wenn ich nix Fundamentales übersehen habe.

Viele Grüße vom Længlich

Nochmals danke für deine Hilfe. Mit deinen beiden a-tags wird endlich das Hintergrundild mit breitem Rahmen angezeigt. Leider rutscht es nach unten, sodaß gerade ein Viertel sichtbar bleibt. Mit einem eintrag "display: block;" kann ich das verhindern, dann aber verschieben sich die Icons von nebeneinander nach untereinander.

Grüße
frank