title image


Smiley position: absolute Problem mit IE :(
Also folgendes hab mehere Fotos 3 nebeneinander und 5 Untereinander. Im Firefox wird alles schön bei Hover über die Kleinen Bilder gelegt nur der IE macht das nicht, der legt das Hoverbild unter die vorschaubilder .... siehe Screenshot.



Gibts dafür ne Lösung oder muss ich mir was anderes für den IE überlegen was ohne JS ist und Valid?



aufruf per:



<a class='foto' href='#'><img src="fotos/ich/mini/011.jpg" title="Click to Large" alt="Bild 01" />

<span><img src="fotos/ich/011.jpg" title="Click to Large" alt="Bild 01" /></span></a>&nbsp;&nbsp;

<a class='foto' href='#'><img src="fotos/ich/mini/009.jpg" title="Click to Large" alt="Bild 02" />

<span><img src="fotos/ich/009.jpg" title="Click to Large" alt="Bild 02" /></span></a>&nbsp;&nbsp;

<a class='foto' href='#'><img src="fotos/ich/mini/010.jpg" title="Click to Large" alt="Bild 03" />

<span><img src="fotos/ich/010.jpg" title="Click to Large" alt="Bild 03" /></span></a>

<br /><br />

<a class='foto' href='#'><img src="fotos/ich/mini/008.jpg" title="Click to Large" alt="Bild 04" />

<span><img src="fotos/ich/008.jpg" title="Click to Large" alt="Bild 04" /></span></a>&nbsp;&nbsp;

<a class='foto' href='#'><img src="fotos/ich/mini/007.jpg" title="Click to Large" alt="Bild 05" />

<span><img src="fotos/ich/007.jpg" title="Click to Large" alt="Bild 05" /></span></a>&nbsp;&nbsp;

<a class='foto' href='#'><img src="fotos/ich/mini/006.jpg" title="Click to Large" alt="Bild 06" />

<span><img src="fotos/ich/006.jpg" title="Click to Large" alt="Bild 06" /></span></a>

<br /><br />.



die CSS dazu:



a.foto, a.foto:link, a.foto:visited, a.foto:active {

position: relative;

text-decoration: none;

font-weight: bold;

color: #000000;

}



a.foto:hover {

color: #0000ff;

background: transparent;

}

a.foto span {

display: none;

text-decoration: none;

}

a.foto:hover span {

display: block;

position: absolute;

top: 0px;

left: 0px;

padding: 0px;

width: 320px;

z-index: 100;

color: #000000;

border:1px solid #FFAF65;

background: #FFAF65;

}



Gruß s-vision

Der Name s-vision wurde am 16.10.2000 um 16:49:08 angemeldet.


geschrieben von

Anhang
Bild 12060 zu Artikel 562581

Login

E-Mail:
  

Passwort:
  

Beitrag anfügen

Symbol:
 
 
 
 
 
 
 
 
 
 
 
 
 

Überschrift: