title image


Smiley Re: Positionierungsproblem, wie könnte es auch anders sein...
> Außerdem habe ich ein DIV, das soll ein Link sein. Wenn das DIV aber nicht gefüllt

> ist, dann ists auch kein Link. Kann ich das DIV zwingen ein Link zu sein?



Selbstverständlich nicht. Ein Link ist und bleibt ein a-Element. Und nur mit einem a

kannst Du auch ein einen Link öffnen. Einen Hovereffekt ist in Nicht_IE-Browsern

auch so möglich, damit es aber auch der IE versteht, nur über a möglich.



Du müsstest also das a mit width + height + display: block formatieren, damit aus

dem Inline-Element ein Blocklemnt wird. Hierdrin kannst Du nun Dein background-images

einbauen und auch ein größeres Preview zeigen.



Beispiel:

a {

width: /* gewünschte Breite inkl. Maßeinheit */

height: /* gewünschte Höhe inkl. Maßeinheit */

display: block;

background: url(ordner/normalbild.format) no-repeat;

}

a:hover {

background-image: url(ordner/hoverbild.format);

}

a span {

display: none;

}

a:hover span {

position: absolute;

top: 20px;

right: 20px;

width: /* gewünschte Breite des Preview-Bildes inkl. Maßeinheit */

height: /* gewünschte Höhe des Preview-Bildes inkl. Maßeinheit */

display: block;

}



<a href="#"><span><img src="ordner/previewbild.format" width="200" height="200" alt="alternative Bildbeschreibung"></span></a>



Schau Dir mal eine meiner Seiten und den Quelltext an:

http://www.german-digit.de/beispiele/infobox_bild.htm



mfg Achim

geschrieben von

Login

E-Mail:
  

Passwort:
  

Beitrag anfügen

Symbol:
 
 
 
 
 
 
 
 
 
 
 
 
 

Überschrift: