Thread Brauche kurze Hilfe bei CSS (20 answers)
Opened by olruebe01 at 2007-10-27 12:38

olruebe01
 2007-10-27 12:38
#101438 #101438
User since
2006-01-19
192 Artikel
BenutzerIn
[default_avatar]
Hallo zusammen.

Kann mir jemand helfen? Ich habe eine CSS-Bildergalerie gefunden und möchte etwas ändern, steige aber nicht durch...

Hier der Quelltext
Code: (dl )
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<p><style type="text/css">

#gallery {width:750px;}
#gallery ul {list-style:none; padding:0; margin:0; width:180px; position:relative; float:right;}
#gallery ul li {display:inline; width:52px; height:52px; float:left; margin:0 0 5px 5px;}
#gallery ul li a {display:block; width:50px; height:50px; text-decoration:none; border:1px solid #000;}
#gallery ul li a img {display:block; width:50px; height:50px; border:0;}
#gallery ul li a:hover {white-space:normal; border-color:#ddd;}
#gallery ul li a:hover img {position:absolute; right:185px; top:0; width:auto; height:auto; border:1px solid #000;}</style></p>
<div id="gallery">
<ul>
<li><a href="http://www.resultado4.de/ebay/userdaten/o/olruebe/Meine_erste_Galerie/1XXL.jpg" target="_blank"><img title="" alt="" src="http://www.resultado4.de/ebay/userdaten/o/olruebe/Meine_erste_Galerie/1.jpg" /></a></li>
<li><a href="http://www.resultado4.de/ebay/userdaten/o/olruebe/Meine_erste_Galerie/2XXL.jpg" target="_blank"><img title="" alt="" src="http://www.resultado4.de/ebay/userdaten/o/olruebe/Meine_erste_Galerie/2.jpg" /></a></li>
<li><a href="http://www.resultado4.de/ebay/userdaten/o/olruebe/Meine_erste_Galerie/3XXL.jpg" target="_blank"><img title="" alt="" src="http://www.resultado4.de/ebay/userdaten/o/olruebe/Meine_erste_Galerie/3.jpg" /></a></li>
<li><a href="http://www.resultado4.de/ebay/userdaten/o/olruebe/Meine_erste_Galerie/4XXL.jpg" target="_blank"><img title="" alt="" src="http://www.resultado4.de/ebay/userdaten/o/olruebe/Meine_erste_Galerie/4.jpg" /></a></li>
<li><a href="http://www.resultado4.de/ebay/userdaten/o/olruebe/Meine_erste_Galerie/5XXL.jpg" target="_blank"><img title="" alt="" src="http://www.resultado4.de/ebay/userdaten/o/olruebe/Meine_erste_Galerie/5.jpg" /></a></li>
<li><a href="http://www.resultado4.de/ebay/userdaten/o/olruebe/Meine_erste_Galerie/6XXL.jpg" target="_blank"><img title="" alt="" src="http://www.resultado4.de/ebay/userdaten/o/olruebe/Meine_erste_Galerie/6.jpg" /></a></li>
</ul>
</div>


Das ganze funzt super aber ich möchte, dass wenn die Maus über keinem Thumbnail ist (also mouseout), dann Bild1 erscheint.

Ich wäre Euch dankbar, wenn Ihr mir dabei helfen könntet... Ich habe nicht einmal einen Ansatz, wo ich was angeben müsste.

Danke und Gruß,
Oliver

View full thread Brauche kurze Hilfe bei CSS