<style type="text/css">
/* needed for IE to make :active state work first time */
a, a:visited {color:#000;}
a.gallery, a.gallery:visited {display:block; display:inline-block; color:#000; text-decoration:none; border:1px solid #000; width:55px; height:27px; float:left; margin:4px; z-index:50;}
a.slidea {background:url(images/burg_thumbs/Luftbild.jpg);}
a.slideb {background:url(images/burg_thumbs/P5200041.jpg);}
a.slidec {background:url(images/burg_thumbs/P6260041.jpg);}
a.slided {background:url(images/burg_thumbs/P6260054.jpg);}
a.slidee {background:url(images/burg_thumbs/P7010013.jpg);}
a.slidef {background:url(images/burg_thumbs/Luftbild.jpg);}
a.slideg {background:url(images/burg_thumbs/P5200041.jpg);}
a.slideh {background:url(images/burg_thumbs/P6260041.jpg);}
a.slidei {background:url(images/burg_thumbs/P6260054.jpg);}
a.slidej {background:url(images/burg_thumbs/P7010013.jpg);}
a.gallery em, a.gallery span {display:none;}
a.gallery:hover {border:1px solid #fff;}
#container_top {position:relative; width:425px; height:480px; ; border:0px solid #000000; margin:1em auto;}
#container_top a.gallery:active, #container_top a.gallery:focus {border:1px solid #000;}
#container_top a.gallery:active em, #container_top a.gallery:focus em {display:block; position:absolute; width:400px; height:250px; top:100px; left:5px; padding:0px; color:#000; border:0px solid #3d330f; z-index:50;}
#container_top h1 {clear:both; margin:0; padding-top:200px; text-align:center; font-family: georgia, "times new roman", serif; font-size:3em; font-weight:normal; color:#fff;}
#container_top h1 em {font-size:0.6em; color:#000;}
</style>
<div id="container_top">
<div class="thumbs">
<a class="gallery slidea" href="#nogo"><em><img src="images/Burg/Luftbild.jpg" /></em></a>
<a class="gallery slideb" href="#nogo"><em><img src="images/Burg/P5200041.jpg" /></em></a>
<a class="gallery slidec" href="#nogo"><em><img src="images/Burg/P6260041.jpg" /></em></a>
<a class="gallery slided" href="#nogo"><em><img src="images/Burg/P6260054.jpg" /></em></a>
<a class="gallery slidee" href="#nogo"><em><img src="images/Burg/P7010013.jpg" /></em></a>
<a class="gallery slidea" href="#nogo"><em><img src="images/Burg/Luftbild.jpg" /></em></a>
<a class="gallery slideb" href="#nogo"><em><img src="images/Burg/P5200041.jpg" /></em></a>
<a class="gallery slidec" href="#nogo"><em><img src="images/Burg/P6260041.jpg" /></em></a>
<a class="gallery slided" href="#nogo"><em><img src="images/Burg/P6260054.jpg" /></em></a>
<a class="gallery slidee" href="#nogo"><em><img src="images/Burg/P7010013.jpg" /></em></a>
</div>
</div>html, body {margin:0; padding:0;}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Befehlstabelle für css
fabi1991 12.04.2007 - 107 Hits - 6 Antworten
CSS-Stile sind verschwunden
Luse 13.04.2007 - 129 Hits - 2 Antworten
css in html einfügen
Mikoop 22.02.2008 - 202 Hits - 10 Antworten
Direktformatiertes CSS "überschreiben"
Mich 23.02.2008 - 76 Hits - 3 Antworten
eigene klasse in css
TByte 11.04.2008 - 73 Hits - 34 Antworten