seite hat banner und links "textlinks" . möchte bei click darauf inhalt von iframe ändern.leider funktioniert das nicht - bitte um Hilfe
Falls jemanden sonst ein guter Hinweis einfällt bitte auch poste. hier mein code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>Untitled Document</title>
<!-- TemplateEndEditable -->
<!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable -->
<style type="text/css">
<!--
body {
font: 100% Verdana, Arial, Helvetica, sans-serif;
background: #666666;
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 0;
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
color: #000000;
}
.glue {
background-color: #F3EDCB;
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
margin: 0;
padding: 0;
}
.button {
font-size: 12px;
background-color: #481416;
border-bottom-width: thin;
border-bottom-style: hidden;
height: 30px;
width: 110px;
left: 31px;
padding: 10;
border-color: #F1E9C4;
padding-top: 10px;
}
#DivBanner {
position:absolute;
left:0;
top:0px;
width:1000;
height:133;
z-index:4;
padding: 0;
}
#DivSide {
position:absolute;
left:0;
top:133px;
width:192px;
height:633;
z-index:3;
padding-top: 0px;
}
#DivFooter {
position:absolute;
left:242px;
top:663px;
width:808;
height:133;
z-index:1;
}
#Content {
position:absolute;
z-index:5;
}
a:link {
color: #66CC99;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #66CC99;
}
a:hover {
text-decoration: none;
color: #F4EECE;
}
a:active {
text-decoration: none;
color: #FDF4D7;
}
a {
font-size: 14px;
font-weight: bold;
}
#apDivB2 {
position:absolute;
top:223px;
z-index:7;
}
#apDivB3 {
position:absolute;
top:282px;
z-index:8;
}
#apDivB4 {
position:absolute;
top:337px;
z-index:9;
}
#apDivB5 {
position:absolute;
top:395px;
z-index:10;
}
#apDivB6 {
position:absolute;
top:454px;
z-index:11;
}
#apDivB1 {
position:absolute;
top:165px;
z-index:12;
}
#apDivM1 {
position:absolute;
top:26px;
z-index:13;
padding: 5;
}
.content {
background-color: #66CC99;
height: 633px;
width: 758px;
top: 132px;
left: 243px;
}
-->
</style>
<!--[if IE]>
<style type="text/css">
/* place css fixes for all versions of IE in this conditional comment */
.twoColElsLtHdr #sidebar1 { padding-top: 30px; }
.twoColElsLtHdr #mainContent { zoom: 1; padding-top: 15px; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
</style>
<![endif]-->
<script type="text/javascript">
<!--
function MM_jumpMenu(targ,selObj,restore){ //v3.0
eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
if (restore) selObj.selectedIndex=0;
}
//-->
</script>
</head>
<body class="twoColElsLtHdr">
<div class="glue" id="DivBanner"><img src="img/site elements/big_top.JPG" width="1000" height="133" /></div>
<div id="DivSide"><img src="img/site elements/big_left.JPG" width="242" height="663" class="glue" /></div>
<div id="DivFooter"><img src="img/site elements/big_botton.JPG" width="808" height="133" /></div>
<div class="button" id="apDivB1"><a href="/basketball.htm" target="ContentFrame">Über Uns</a></div>
<div class="button" id="apDivM1">
<form name="form" id="form">
<select name="jumpMenu" id="jumpMenu" onchange="MM_jumpMenu('parent',this,0)">
<option>Auswählen...</option>
<option>Über Uns</option>
<option>Spiel Modus</option>
<option>Kontakt</option>
<option>Ergebniss</option>
<option>Rangliste</option>
<option>Gallerie</option>
</select>
</form>
</div>
<div class="button" id="bottonUeberUns"><a href="/test.htm" target="ContentFrame" <strong>Über Uns</strong></a></div>
<div class="button" id="apDivB2"><a href="/basketball.htm" target="ContentFrame">Gallerie</a></a></div>
<div class="button" id="apDivB3"><a href="#">Spiel Modus</a></div>
<div class="button" id="apDivB4"><a href="#">Kontakt</a></div>
<div class="button" id="apDivB5"><a href="#">Rangliste</a></div>
<div class="button" id="apDivB6"><a href="#">Ergebnisse</a></div>
<div class="content" id="Content">
<iframe src="test.htm" name="ContentFrame" id="ContentFrame" width="758" height="633" align="top" scrolling="auto"></iframe>
</div>
</body>
</html>