Jch habe folgendes Problem, was auch schnell anhand des Quelltextes unten in einem html-Editor sichtbar wird. Und zwar möchte ich erreichen, dass das iframe aufgeklappt per mouseover-Funktion ÜBER dem darunterstehenden Link erscheint. Ist das irgendwie machbar? Ich bin schon froh darüber das soweit hinbekommen zu haben, da ich so gut wie keine Kenntnisse von CSS habe. Ich freue mich über einen Rat von Euch!
<html>
<head>
<title></title>
<meta name="author" content="JH">
<style type="text/css">
.bereich{
display: block;
color: #000000;
background-color: #f0ffff;
text-align: center;
}
a.link{
display: block;
color: #FFD700;
font-family: Verdana, Arial;
font-size: 13px;
text-decoration: None;
border-bottom: solid 1px #FFFFFF;
}
a.link.bereich{
display: block;
background-color: #000000;
width: 100px;
height: 25px;
}
a.link:hover{
display: block;
color: #000000;
background-color: #FFD700;
}
</style>
<script type='text/javascript'>
function anzeigen(das){
if(document.getElementById(das).style.display=='none')
document.getElementById(das).style.display='block';
else document.getElementById(das).style.display='none';}
</script>
</head>
<body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000"
vlink="#FF0000">
<table cellPadding=0 cellSpacing=0 border=1 style="position: absolute; top:
210px; left: 30px;">
<tr>
<td valign=top>
<div class="bereich" onMouseover="anzeigen('menue#2')"
onMouseout="anzeigen('menue#2')">
<font color="black"
face="Arial,Helvetica,Geneva">Link</font>
<span id="menue#2" style="display: none;">
<div class="bereich" onMouseover="anzeigen('menue#2')">
<iframe name="Impressum" width="100%" height="300" src="" marginheight="0"
border="0" frameborder="0" style="border:none;" scrolling="no">
<br>diese Seite verwendet iFrames. Sie benötigen dazu Browser ab
Version 5 (IE) bzw. 6 (Netscape). Die Inhalte können Sie aber durch die
o.a. Links ebenfalls aufrufen.</iframe>
</span>
</div>
</td>
</tr>
</table>
<table cellPadding=0 cellSpacing=0 border=1 style="position: absolute; top:
320px; left: 30px;">
<tr>
<td valign=top>
<div class="bereich" onMouseover="anzeigen('menue#3')"
onMouseout="anzeigen('menue#3')">
<font color="black"
face="Arial,Helvetica,Geneva">Link</font>
<span id="menue#3" style="display: none;">
<div class="bereich" onMouseover="anzeigen('menue#3')">
<iframe name="" width="100%" height="300" src="" marginheight="0" border="0"
frameborder="0" style="border:none;" scrolling="no">
<br>diese Seite verwendet iFrames. Sie benötigen dazu Browser ab
Version 5 (IE) bzw. 6 (Netscape). Die Inhalte können Sie aber durch die
o.a. Links ebenfalls aufrufen.</iframe>
</span>
</div>
</td>
</tr>
</table>
</body>
</html>
