Avatar billede anetteogjesper Nybegynder
09. januar 2008 - 19:07 Der er 1 kommentar og
1 løsning

Drop down menu

Hej

Jeg vil gerne have lavet min menu om til en drop down menu, er der nogen der kan hjælpe?
Det skal være noget a la
http://webdesign101.dk/navigation/dhtml/dropdownmenu4.php og http://www.w3schools.com/dhtml/tryit.asp?filename=trydhtml_menu10

Stedet det skal indsættes er i denne menu:

"....osv.
</head>

<body>
<div id="container">
<div id="header">
<h1></h1>
<ul id="mainmenu">
<li class="active"><a href="index.html"><span>Forsiden</span></a></li>
<li><a href="omos.html"><span>Om os</span></a></li>
<li><a href="kontakt.html"><span>Kontakt</span></a></li>
<li><a href="fordel.html"><span>Fordelsklubben</span></a></li>
<li><a href="aabning.html"><span>Åbningstider og priser</span></a></li>
</ul>
</div>
OSV."

"CSS:
#mainmenu {
position: absolute;
left: 285px;
bottom: 1px !important;
bottom: 0;
list-style: none;
}
#mainmenu li {
width: auto;
float: left;
margin-left: 5px;
}
#container #mainmenu li a {
display: block;
border: none;
color: White;
padding: 0 9px;
font: italic bold 1.3em "Times New Roman", "Georgia", sans-serif;
}
#container #mainmenu li a span {
display: block;
padding: 15px 0;
}
#container #mainmenu li:hover a, #container #mainmenu li.over a, #mainmenu .active a {
background: url(images/bowling-ball-480.jpg) top no-repeat;
}
#container #mainmenu li a:hover {
color: #D77BB3;
}
#container #mainmenu .active a span {
background: #000;
color: #BD3A88;
}"
Avatar billede fant0mas Nybegynder
11. januar 2008 - 20:12 #1
<div id="container">
<div id="header">
<h1></h1>
<form name="jump1">
<select name="myjumpbox" onChange="location.href=jump1.myjumpbox.options[selectedIndex].value">
<option selected>V&aelig;lg:
<option value="omos.html">Om os
<option value="kontakt.html">Kontakt
<option value="fordel.html">Fordelsklubben
<option value="aabning.html">Åbningstider og priser
</select>
</form>
</div>
Avatar billede fant0mas Nybegynder
11. januar 2008 - 20:24 #2
Undskyld, jeg nær læste vist ikke nok. Du får den lige her:

Indsættes i din .css
body{font-family:arial;}
table{font-size:80%;background:black}
a{color:black;text-decoration:none;font:bold}
a:hover{color:#606060}
td.menu{background:lightblue}
table.menu
{
font-size:100%;
position:absolute;
visibility:hidden;
}

Indsæt mellem <head></head>:
<script type="text/javascript">
function showmenu(elmnt)
{
document.getElementById(elmnt).style.visibility="visible";
}
function hidemenu(elmnt)
{
document.getElementById(elmnt).style.visibility="hidden";
}
</script>

Indsæt i <body>:

<table width="100%">
<tr bgcolor="#FF8080">
  <td onmouseover="showmenu('Menu')" onmouseout="hidemenu('Menu')">
  <a href="/index.html">Forsiden</a><br />
  <table class="menu" id="Menu" width="120">
  <tr><td class="menu"><a href="omos.html">Om Os</a></td></tr>
  <tr><td class="menu"><a href="kontakt.html">Kontakt</a></td></tr>
  <tr><td class="menu"><a href="fordel.html">Fordelsklubben</a></td></tr>
  <tr><td class="menu"><a href="aabning.html">Åbningstider og priser</a></td></tr>
  </table>
  </td>
</tr>
</table>
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
IT-kurser om Microsoft 365, sikkerhed, personlig vækst, udvikling, digital markedsføring, grafisk design, SAP og forretningsanalyse.

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester