keithkeith
Neues Mitglied
Hallo Leute,
ich komme an einer bestimmten Stelle nicht weiter.
Es handelt sich um eine Bildergalerie.
Bei mouseover (th_bild) wird ein großer div container sichtbar dort stellt sich dann das Bild in groß dar.
Das problem ist, dass sich auch der dazu gehörige Text darstellt, allerdings im Bild oben und nicht wie von mir gewollt unten :cry:
Kann mir da vielleicht jemand helfen ?
Liebe Grüße - KeithKeith
[HTML<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="XHTML namespace">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
<!--
.pic-navi a img{
width:90px;
height:70px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
border:0px;
}
div.pic-navi a span {
display: none;
color:#ff0000;
background:#efefef;
border:0px;
}
div.pic-navi a:hover span{
display: block;
position: absolute;
width:489px;
height:389px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
z-index: 100;
border:1px solid #000000;
color: #000000;
font: 0.92em verdana, sans-serif;
text-align: left;
border:1px solid #000000;
left: 8px;
top: 88px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
background-color:#ffffff;
background-position: 0px 0px;
background-repeat: no-repeat;
}
a#pic1:hover span{background-image:url(kat1_gfx/Bild1.jpg);}
a#pic2:hover span{background-image:url(kat1_gfx/Bild2.jpg);}
div.helloworld{
position: absolute;
width:489px;
height:389px;
margin:0px 0px 0 0;
padding:0px 0px 0px 0px;
color:#858445;
background:#f6f6f6 url(kat1_gfx/Bild1.jpg) no-repeat 0px 0px;
border:1px solid #000000;
left: 8px;
top: 88px;
}
#content p.subtitle{
font-size:0.85em;
}
-->
</style>
</head>
<body>
<div id="content">
<div class="pic-navi">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<a id="pic1" href="#"><img src="kat1_gfx/Bild1_th.jpg" alt="" title="" /><br /><span>Text 1</span></a>
</td>
<td width="10"></td>
<td><a id="pic2" href="#">
<img src="kat1_gfx/Bild2_th.jpg" alt="" title="" /><span>Text 2</span></a></td>
<td width="10"></td>
<td><a id="pic3" href="#">
<img src="kat1_gfx/Bild3_th.jpg" alt="" title="" /><span>Text 3</span></a></td>
<td width="10"></td>
</tr>
</table>
</div>
<br style="clear:both;" />
</div>
</body>
</html>
[/HTML]
ich komme an einer bestimmten Stelle nicht weiter.
Es handelt sich um eine Bildergalerie.
Bei mouseover (th_bild) wird ein großer div container sichtbar dort stellt sich dann das Bild in groß dar.
Das problem ist, dass sich auch der dazu gehörige Text darstellt, allerdings im Bild oben und nicht wie von mir gewollt unten :cry:
Kann mir da vielleicht jemand helfen ?
Liebe Grüße - KeithKeith
[HTML<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="XHTML namespace">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>
<style type="text/css">
<!--
.pic-navi a img{
width:90px;
height:70px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
border:0px;
}
div.pic-navi a span {
display: none;
color:#ff0000;
background:#efefef;
border:0px;
}
div.pic-navi a:hover span{
display: block;
position: absolute;
width:489px;
height:389px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
z-index: 100;
border:1px solid #000000;
color: #000000;
font: 0.92em verdana, sans-serif;
text-align: left;
border:1px solid #000000;
left: 8px;
top: 88px;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
background-color:#ffffff;
background-position: 0px 0px;
background-repeat: no-repeat;
}
a#pic1:hover span{background-image:url(kat1_gfx/Bild1.jpg);}
a#pic2:hover span{background-image:url(kat1_gfx/Bild2.jpg);}
div.helloworld{
position: absolute;
width:489px;
height:389px;
margin:0px 0px 0 0;
padding:0px 0px 0px 0px;
color:#858445;
background:#f6f6f6 url(kat1_gfx/Bild1.jpg) no-repeat 0px 0px;
border:1px solid #000000;
left: 8px;
top: 88px;
}
#content p.subtitle{
font-size:0.85em;
}
-->
</style>
</head>
<body>
<div id="content">
<div class="pic-navi">
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<a id="pic1" href="#"><img src="kat1_gfx/Bild1_th.jpg" alt="" title="" /><br /><span>Text 1</span></a>
</td>
<td width="10"></td>
<td><a id="pic2" href="#">
<img src="kat1_gfx/Bild2_th.jpg" alt="" title="" /><span>Text 2</span></a></td>
<td width="10"></td>
<td><a id="pic3" href="#">
<img src="kat1_gfx/Bild3_th.jpg" alt="" title="" /><span>Text 3</span></a></td>
<td width="10"></td>
</tr>
</table>
</div>
<br style="clear:both;" />
</div>
</body>
</html>
[/HTML]
