Hej NG
Kan denne topmenu evt. placeres i en tabel, og dermed centreres...???
Kode placeret i header start:
<head>
<!--
div#menubox{
position:absolute;
top:20px;
left:20px;
}
..topmenu{
position:absolute;
z-index:99;
}
..submenu{
position:absolute;
z-index:99;
display:none;
}
#topmenu1{
left:10px;
top:10px;
}
#topmenu2{
left:145px;
top:10px;
}
#topmenu3{
left:280px;
top:10px;
}
#topmenu4{
left:415px;
top:10px;
}
#topmenu5{
left:550px;
top:10px;
}
a.knap{
z-index:99;
background-color: #900;
color:#fff;
display: block;
font: normal bold 12px arial, helvetica, sans-serif;
text-align: left;
text-decoration: none;
margin-bottom:0px;
border:1px outset #d00;
border-top-color:#ff6600;
border-left-color:#ff6600;
border-right-color:#990000;
border-bottom-color:#990000;
padding: 2px 5px 2px 5px;
width:135px;
height:25px;
}
html>body.knap{
width:102px;
height:14px;
}
..knap:hover{
background-color: #cc0000;
color: #fff;
text-decoration: none;
border-style: inset;
border-top-color:#990000;
border-left-color:#990000;
border-right-color:#ff6600;
border-bottom-color:#ff6600;
}
-->
</style>
<script type="text/javascript">
<!--
function collapseObjekt(objekt){
var blok = document.getElementById(objekt).style;
blok.display="none"
}
function expand(objekt,onoff){
skjulAlle();
var blok = document.getElementById(objekt).style;
if (onoff==true)
blok.display=(onoff) ? "block" : "none"
}
function skjulAlle(){
for (nr=1;nr<6;nr++)
collapseObjekt('menu'+nr)
}
//-->
</script>
</head>
Kode placeret i header slut:
--------------------------------------------------------------------
Kode placeret i body start:
<div id="menubox">
<div class="topmenu" onmouseover="expand('menu1',true)"
onmouseout="skjulAlle()" id="topmenu1"><a class="knap"
href="javascript:void(null)">Home</a>
<div class="submenu" id="menu1">
<div><a class="knap" href="index.asp">Til forsiden</a></div>
</div>
</div>
<div class="topmenu" onmouseover="expand('menu2',true)"
onmouseout="skjulAlle()" id="topmenu2"><a class="knap"
href="javascript:void(null)">Hvem er vi</a>
<div class="submenu" id="menu2">
<div><a class="knap" href="paedagogerne.asp">Pædagogerne</a></div>
</div>
</div>
<div class="topmenu" onmouseover="expand('menu3',true)"
onmouseout="skjulAlle()" id="topmenu3"><a class="knap"
href="javascript:void(null)">Hvad kan vi tilbyde</a>
<div class="submenu" id="menu3">
<div><a class="knap"
href="familieraedgivning.asp">Familierådgivning</a></div>
<div><a class="knap"
href="daginstitutioner.asp">Daginstitutioner</a></div>
<div><a class="knap" href="dagpleje.asp">Dagplejeregi</a></div>
<div><a class="knap" href="adoption.asp">Adoptionskredse</a></div>
<div><a class="knap" href="andre.asp">Andre</a></div>
</div>
</div>
<div class="topmenu" onmouseover="expand('menu4',true)"
onmouseout="skjulAlle()" id="topmenu4"><a class="knap"
href="javascript:void(null)">Hvad er Marte Meo</a>
<div class="submenu" id="menu4">
<div><a class="knap" href="metoden.asp">Metoden</a></div>
</div>
</div>
<div class="topmenu" onmouseover="expand('menu5',true)"
onmouseout="skjulAlle()" id="topmenu5"><a class="knap"
href="javascript:void(null)">Kontakt</a>
<div class="submenu" id="menu5">
<div><a class="knap" href="kontakt.asp">Kontakt os</a></div>
</div>
</div>
</div>
Kode placeret i body slut:
Håber i kan hjælpe...
Bjarne