Opened by olruebe01 at 2007-10-27 12:38
User since
2005-01-17
14787 Artikel
Admin1
![[Homepage]](/battie/theme/default/homepage.gif)
2005-01-17
14787 Artikel
Admin1
Übrigens: Das was du oben gepostet hats, funktioniert niemals.
CSS gehört nicht in den body eines HTML sondern in den head!
http://de.selfhtml.org/css/formate/einbinden.htm
So gehts:
CSS gehört nicht in den body eines HTML sondern in den head!
http://de.selfhtml.org/css/formate/einbinden.htm
So gehts:
Code: (dl
)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>Gallerie</title>
<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;}
#gallery ul li#dn {position:absolute; right:185px; top:0; width:auto; height:auto; border:1px solid #000; display:block; border:0;}
#gallery ul li#dn :hover {display:none}
</style>
</head>
<body>
<div id="gallery">
<ul>
<li id="dn"><img title="" alt="" src="http://www.resultado4.de/ebay/userdaten/o/olruebe/Meine_erste_Galerie/1.jpg" /></li>
<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>
</body>
</html>