jeg kan simpelthen ikke få det til at virke som det skal. Nu sender jeg hele min kode igen, så i kan se hvad jeg har ændret. For det første skriver den at der opstod en fejl på siden, som jeg ikke kan finde, yderligere kan jeg ikke få hverken hovedmenu eller undermenuer placeret ordentligt. Lige nu åbner undermenuen slet ikke i nærheden af hovedmenuen, og den container som jeg nu har oprettet i mit stylesheet kan jeg heller ikke få placeret. Jeg håber så sandelig at I kan hjælpe mig, for jeg er ved at være i tidsnød.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<TITLE>Bygmester Teddy Ravn ApS</TITLE>
<META NAME="Title" CONTENT="Bygmester Teddy Ravn ApS">
<META NAME="Description" CONTENT="Alsidigt byggefirma der beskæftiger sig med adskillige former for byggeri, lige fra bolig- og landbrug til erhvervsbyggeri">
<META NAME="Keywords" CONTENT="bygmester, renovering, tilbygning, nybyggeri, kloak, kloakmestre, maskiner, maskinudlejning, byggefirma, jord, beton, murer, entreprise, byggebranche, boligbyggeri, landbrugsbyggeri, erhvervsbyggeri, kloakarbejde, betonarbejde, bygningsrenovering, ">
<META NAME="Robots" CONTENT="ALL">
<LINK REV=made href="mailto:teddy@teddyravn.dk">
<META HTTP-EQUIV="Reply-to" CONTENT="teddy@teddyravn.dk">
<META NAME="DC.Title" CONTENT="Bygmester Teddy Ravn ApS">
<META NAME="DC.Description" CONTENT="Alsidigt byggefirma der beskæftiger sig med adskillige former for byggeri, lige fra bolig- og landbrug til erhvervsbyggeri">
<META NAME="DC.Subject" CONTENT="bygmester, renovering, tilbygning, nybyggeri, kloak, kloakmestre, maskiner, maskinudlejning, byggefirma, jord, beton, murer, entreprise, byggebranche, boligbyggeri, landbrugsbyggeri, erhvervsbyggeri, kloakarbejde, betonarbejde, bygningsrenovering, ">
<LINK REL="schema.dc" HREF="
http://purl.org/metadata/dublin_core_elements"><script type="text/JavaScript">
<!--
function findObj(theObj, theDoc) {
var p, i, foundObj;
if(!theDoc) theDoc = document;
if( (p = theObj.indexOf("?")) > 0 && parent.frames.length) {
theDoc = parent.frames[theObj.substring(p+1)].document;
theObj = theObj.substring(0,p); }
if(!(foundObj = theDoc[theObj]) && theDoc.all) foundObj = theDoc.all[theObj];
for (i=0; !foundObj && i < theDoc.forms.length; i++)
foundObj = theDoc.forms[i][theObj];
for(i=0; !foundObj && theDoc.layers && i < theDoc.layers.length; i++)
foundObj = findObj(theObj,theDoc.layers[i].document);
if(!foundObj && document.getElementById) foundObj = document.getElementById(theObj);
return foundObj;
}
function skjulDiv(evt) {
var b,relT,mT=false;
if(document.layers){b=evt.target;if(b.pEaHide){
b.visibility="hidden";}else{routeEvent(evt);}
}else if(document.all&&!window.opera){b=event.srcElement;
while(b!=null){if(b.tagName=="DIV" && b.pEahD){mT=true;break;}b=b.parentElement;}
if(!b.contains(event.toElement)){b.style.visibility="hidden";}
}else if(document.getElementById){b=evt.currentTarget;relT=evt.relatedTarget;
while(relT!=null){if(b==relT){mT=true;break;}
relT=relT.parentNode;}if(!mT){b.style.visibility="hidden";}}
}
function autoSkjul() {
var i,g,args=autoSkjul.arguments;
for(i=0;i<args.length;i++){if((g=findObj(args[i]))!=null){
g.pEaHide=true;if(document.layers){
g.captureEvents(Event.MOUSEOUT);}g.onmouseout=skjulDiv;g.pEahD=true;}}
}
//-->
</script>
<script type="text/javascript">function show(object) {
if (document.getElementById && document.getElementById(object) != null) {
document.getElementById(object).style.visibility='visible';
document.getElementById(object).style.display='block';
}
else if (document.layers && document.layers[object] != null)
document.layers[object].visibility = 'visible';
else if (document.all) {
document.all[object].style.zIndex = 100;
document.all[object].style.visibility = 'visible';
}
}
function hide(object) {
if (document.getElementById && document.getElementById(object) != null) {
document.getElementById(object).style.visibility='hidden';
document.getElementById(object).style.display='none';
}
else if (document.layers && document.layers[object] != null)
document.layers[object].visibility = 'hidden';
else if (document.all)
document.all[object].style.visibility = 'hidden';
}
</script>
<base target="hovedramme">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="stylesheet.css" rel="stylesheet" type="text/css">
</head>
<body bgcolor="#558C67" onload="autoSkjul('L1','L2','L3','L4','L5','L6','L7','L8')">
<table width="704" height="553" border="1" align="center" cellpadding="0" cellspacing="0" bordercolor="000099">
<tr>
<td width="700" height="551">
<table width="700" height="549" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="700" height="77"><a href="arbejdsomraader.htm"><img src="topbar.gif" width="700" height="77" border="0" usemap="#Map" href="
file:///C|/cosmomedia/Teddy%20Ravn%20ApS/firmaprofil.htm"></a></td> </tr>
<tr>
<td height="437" valign="top" bgcolor="#FFFFFF">
<table width="694" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
<tr>
<td width="1" height="19"> </td>
<td width="444" valign="middle" bgcolor="#FFFFFF"><p><font color="000099" size="2" face="Verdana, Arial, Helvetica, sans-serif"><strong>
<br>
</strong></font></p></td>
<td width="15" valign="top" bgcolor="#FFFFFF"> </td>
<td width="224" valign="top" bgcolor="#FFFFFF"> </td>
<td width="10" rowspan="2"> </td>
</tr>
<tr>
<td height="109"> </td>
<td rowspan="2" valign="top" bgcolor="#FFFFFF"><font color="000099" size="2" face="Verdana, Arial, Helvetica, sans-serif"><br>
<div align="center"><strong>Vores kunders tilfredshed er en
del af glæden ved <br>
vores håndværk. </strong></div>
</font> <p><font color="000099" size="2" face="Verdana, Arial, Helvetica, sans-serif">Vi
har mange års erfaring indenfor:</font></p>
<blockquote>
<blockquote>
<p><font color="000099" size="2" face="Verdana, Arial, Helvetica, sans-serif"><strong>•
Boligbyggeri<br>
• Erhvervsbyggeri<br>
• Landbrugsbyggeri<br>
• Kloakering<br>
• Renovering<br>
• Tegltagsarbejde<br>
• Jord, beton og murerarbejde<br>
• Total entreprise</strong></font></p>
</blockquote>
</blockquote>
<p align="center"><font color="#000099" size="2" face="Verdana, Arial, Helvetica, sans-serif"><br>
<br>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="375" height="102" align="absbottom">
<param name="movie" value="flash_til_forsiden.swf">
<param name="quality" value="high">
<embed src="flash_til_forsiden.swf" width="375" height="102" align="absbottom" quality="high" pluginspage="
http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed></object>
</font></p></td>
<td width="15" rowspan="2" valign="top" bgcolor="#FFFFFF"><img src="billeder/prikker_lodret.jpg" width="15" height="300" align="absmiddle"></td>
<td width="224" rowspan="2" align="left" valign="middle" bgcolor="#FFFFFF"><div align="center"><font color="000099" size="2" face="Verdana, Arial, Helvetica, sans-serif">Vi
er din naturlige byggepartner<br>
i dette område</font><br>
<img src="billeder/kort_til_forside.jpg" width="219" height="184">
<font color="#000099" size="2" face="Verdana, Arial, Helvetica, sans-serif"><br>
<br>
<br>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="215" height="124" align="middle">
<param name="movie" value="kloak.swf">
<param name="quality" value="high">
<embed src="kloak.swf" width="215" height="124" align="middle" quality="high" pluginspage="
http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed></object>
</font></div></td>
</tr>
<tr>
<td height="105"> </td>
<td valign="middle" bgcolor="#FFFFFF"><font color="#000099" size="2" face="Verdana, Arial, Helvetica, sans-serif">
</font> </td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="35"><img src="bund.gif" width="700" height="35" border="0" usemap="#Map2"></td>
</tr>
</table></td>
</tr>
</table>
<div id=container>
<div id="L9" class="menustruc"> <a href="#" class="menu" onFocus="blur()" target="_self" onmouseover="show('L1');hide('L2');hide('L3');hide('L4');hide('L5');hide('L6');hide('L7');hide('L8');return" onclick="hide('L1');return">Produkter</a>
</div>
<div id="L1" class="layer01" style="width: 72">
<table width="98" cellspacing="0" cellpadding="0" border="0">
<tr>
<td> <div align="right">
<p align="left"><a style="filter: alpha(opacity=100)" class="submenu" href="boligbyggeri.htm" onFocus="blur()" target="_self">Boligbyggeri
</a> </div></td>
</tr>
<tr>
<td> <p align="left"> <a style="filter: alpha(opacity=100)" class="submenu" href="erhvervsbyggeri.htm" onFocus="blur()" target="_self">Erhvervsbyggeri
</a> </p></td>
</tr>
<tr>
<td> <p align="left"> <a style="filter: alpha(opacity=100)" class="submenu" href="landbrugsbyggeri.htm" onFocus="blur()" target="_self">Landbrugsbyggeri
</a> </p></td>
</tr>
<tr>
<td> <p align="left"> <a style="filter: alpha(opacity=100)" class="submenu" href="Kloakering.htm" onFocus="blur()" target="_self">Kloakering
</a> </p></td>
</tr>
<tr>
<td> <p align="left"> <a style="filter: alpha(opacity=100)" class="submenu" href="Renovering.htm" onFocus="blur()" target="_self">Renovering
</a> </p></td>
</tr>
<tr>
<td> <p align="left"> <a style="filter: alpha(opacity=100)" class="submenu" href="Tegltagsarbejde.htm" onFocus="blur()" target="_self">Tegltagsarbejde
</a> </p></td>
</tr>
<tr>
<td> <p align="left"> <a style="filter: alpha(opacity=100)" class="submenu" href="Jord_beton_murer.htm" onFocus="blur()" target="_self">Jord,beton,murer
</a> </p></td>
</tr>
<tr>
<td> <p align="left"> <a style="filter: alpha(opacity=100)" class="submenu" href="Intreprise.htm" onFocus="blur()" target="_self">Intreprise
</a> </p></td>
</tr>
</table>
</div>
</div>
<map name="Map">
<area shape="rect" coords="131,59,225,75" href="produkter.htm" target="_self" alt="Produkter">
<area shape="rect" coords="239,60,340,75" href="maskinudlejning.htm" target="_self" alt="Maskinudlejning">
<area shape="rect" coords="356,58,450,76" href="arbejdsomraader.htm" target="_self" alt="Arbejdsområder">
<area shape="rect" coords="472,61,567,76" href="referencer.htm" target="_self" alt="Referencer">
<area shape="rect" coords="587,59,684,76" href="mail.htm" target="_self" alt="Kontakt os">
<area shape="rect" coords="20,59,109,74" href="firmaprofil.htm" target="_self" alt="Firmaprofil">
</map>
<map name="Map2">
<area shape="rect" coords="326,19,493,36" href="mailto:teddy@teddyravn.dk">
</map>
</body>
</html>
Her er mit stylesheet:
body {
color: #000000;
font-size: 11px;
background-color: #558C67;
FONT-FAMILY: verdana, veranda, sans-serif
}
A.menu:link {
color: #ffffff;
text-decoration: none;
font-size: 11px;
display: block;
width: 100%;
border: none;
padding: 4px;
}
A.menu:visited {
color: #ffffff;
text-decoration: none;
font-size: 11px;
display: block;
width: 100%;
border: none;
padding: 4px;
}
A.menu:hover {
color: #000099;
text-decoration: none;
font-size: 11px;
display: block;
width: 100%;
border: none;
padding: 4px;
}
A.submenu:link {
color: #ffffff;
text-decoration: none;
font-size: 11px;
background : #dfdfe3;
display: block;
width: 100%;
border: 1 solid #000099;
padding: 4px;
}
A.submenu:visited {
color: #ffffff;
text-decoration: none;
font-size: 11px;
background : 000099;
display: block;
width: 100%;
border: none;
padding: 4px;
}
A.submenu:hover {
color: #000099;
text-decoration: none;
font-size: 11px;
background : #ff6600;
display: block;
width: 100%;
border: 1 solid #ff6600;
padding: 4px;
}
.menustruc {
position: relative;
top: 10%;
left: 10%;
width: 65px;
height: 17px;
}
.layer01 {
position: absolute;
top: 95px;
left: 273px;
visibility: hidden;}
.layer02 {
position: absolute;
top: 27px;
left: 211px;
visibility: hidden;}
.layer03 {
position: absolute;
top: 27px;
left: 211px;
visibility: hidden;}
.layer04 {
position: absolute;
top: 27px;
left: 211px;
visibility: hidden;}
.layer05 {
position: absolute;
top: 27px;
left: 211px;
visibility: hidden;}
.layer06 {
position: absolute;
top: 27px;
left: 211px;
visibility: hidden;}
.layer07 {
position: absolute;
top: 27px;
left: 211px;
visibility: hidden;}
.layer08 {
position: absolute;
top: 27px;
left: 211px;
visibility: hidden;}
}
#container {
position: relative;
top: 50%; /* Husk at ved placering af elementer under relativt positionerede... */
left:50%; /* ..-elementer beregnes afstand i forhold til boksen uden top/left-forskydningen. */
margin-top: -805px; /* Medregner padding og border for #box */
margin-left: -240px; /* Medregner padding og border #box */
height: 300px;
width: 128px;
}
.bordertable {
border-collapse:separate;
table-layout:fixed;
margin:0px;
padding:0px;
border:1px solid #000099;
}
.overflowScroll {
width: 600;
height: 370px;
overflow-y : auto;
overflow-x : hidden;
background-color: yellow;
color: black;
}
</STYLE>
