Dropdown rykker siden nedad.
HejsaJeg sidder her med et problem som jeg ikke lige kan finde en løsning på..
Jeg har en side hvorpå jeg har lavet et par links. Ved tryk på disse links skal der komme en tabel neden under.. altså en dropdown menu..
Problemet er bare at når jeg trykke på linket i "hovedmenuen" så rykker resten af siden nedad og menuen ligger sig ikke oven over det billede jeg har neden under.
Der er sikkert en MEGET nem løsning, men jeg tror jeg har stirret mig blind på et eller andet.
Koden ser i grove træk således ud:
<html>
<head>
<title>Untitled Document</title>
<script language="javascript">
ns4 = (document.layers)? true:false
ie4 = (document.all)? true:false
ie5 =(document.getElementById)? true:false
ns6 = (document.getElementById && !document.all)?true:false;
function ShowHide(id){
var styleObj = (ns4)? document.layers[id] : (ie4)? document.all[id].style : document.getElementById(id).style;
if(styleObj.display == "none"){
styleObj.display = ""
}else{
styleObj.display = "none"
}
}
</script>
<style type="text/css">
<!--
body {
background-color: #FFFFFF;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
.parent_items {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
text-decoration: none;
width: 200px;
}
.child_table {
background-color: #ffffff;
}
.child_item {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000000;
text-decoration: none;
}
-->
</style>
</head>
<body>
<br>
<br>
<br>
<br>
<table width="770" border="1" align="center" bordercolor="#FFFFFF" bgcolor="#FFFFFF">
<tr>
<td valign=top align=center>
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td class="parent_items">
<a href="java script:ShowHide('mitlayer1')">Forside</a>
</td>
<td class="parent_items">
<a href="java script:ShowHide('mitlayer2')">Salling fylder 100 år</a>
</td>
<td class="parent_items">
<a href="java script:ShowHide('mitlayer3')">Tilbud hos Salling</a>
</td>
</tr>
</table>
<div name="mitlayer1" id="mitlayer1" style="position:relative; filter:alpha(opacity=70); display: none;">
<table style="z-index: 99;" width="200" bgcolor="#cccccc" cellpadding="0" cellspacing="0" border="0">
<tr>
<td align="center">
<img src="images/spacer.gif" height="1" width="1"><br>
<table class="child_table" width="198" cellpadding="0" cellspacing="0" border="0">
<tr>
<td class="child_item">
HEJ MED DIG
</td>
</tr>
<tr>
<td class="child_item">
HEJ MED DIG
</td>
</tr>
<tr>
<td class="child_item">
HEJ MED DIG
</td>
</tr>
</table>
<img src="images/spacer.gif" height="1" width="1"><br>
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
<table width="760" border="1" align="center" bordercolor="#FFFFFF" bgcolor="#FFFFFF">
<tr>
<td><img src="Images/billedekavalkademedsortramme.jpg" width="760" height="70"></td>
</tr>
</table>
</body>
</html>
