son gohan
Erfahrenes Mitglied
Hallo, ich wollte gerne eine Drop Domw MEnü in eine Css Menü einbauen, bei http://www.stunicholls.myby.co.uk/menus/definition.html ist das menüs welches ich nehmen will. Und auch das Drop Dowm ist dort ma Start http://www.stunicholls.myby.co.uk/menus/dropdown.html.
Wenn jemand über ein Wort fährt im menü soll sich ein Drop Down menü öfnen, wer kann mir mein Beispiel korrigieren?
gruß
feh
Wenn jemand über ein Wort fährt im menü soll sich ein Drop Down menü öfnen, wer kann mir mein Beispiel korrigieren?
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
<head>
<style type="text/css">
body {font-size:1%; color:#fff; background-image: url(b1.jpg);} /*get rid of the IE bug that prints the the end of the !doctype */
#rightmenu
{
width: 140px;
margin: 0px;
padding:0px;
text-align: left;
}
#rightmenu a
{
font-family: arial;
font-size: 12px;
width: 140px;
display: block;
background-image: url(menu1.png);
height:24px;
}
#rightmenu a:link, #rightmenu a:visited
{
font-family: arial;
font-size: 12px;
height:24px;
}
#rightmenu a:link.active, #rightmenu a:visited.active
{
font-family: arial;
font-size: 12px;
height:24px;
}
#rightmenu a:hover
{
font-family: arial;
font-size: 12px;
background-image: url(menu1.png);
height:24px;
}
.obenunten { border-bottom:1px solid #FFFFFF;
border-top:1px solid #FFFFFF; }
.unten { border-bottom:1px solid #FFFFFF; }
.oben { border-top:1px solid #FFFFFF; }
.menu {display:none;}
.holder { color:#FFFFFF; width:140px; height:24px; display:block;background-image: url(menu1.png); border:0px solid #000; margin-right:1px; text-align:center; float:left; text-decoration:none; font-family:tahoma, vardana, arial, sans-serif; font-size:10px; line-height:24px; overflow:hidden;}
.holder:hover { border:3px solid #FFFF00; height:auto; cursor:pointer;color:#fff; background-image: url(menu1.png); }
a.inner, a.inner:visited {display:block; width:140px; height:24px; border-bottom:1px solid #000; text-decoration:none; color:#000; background-image: url(menu1.jpg); }
a.inner:hover { background-image: url(menu2.jpg); }
p { color:#000; font-size:16px;}
</style>
<!--[if IE]>
<style type="text/css">
/*<![CDATA[*/
.holder {display:none;}
.menu {display:block;}
a.outer, a.outer:visited { color:#FFFFFF; width:140px; height:24px; display:block; background-image: url(menu1.png); border:0px solid #000; margin-right:1px; text-align:center; float:left; text-decoration:none; font-family:tahoma, vardana, arial, sans-serif; font-size:10px; line-height:24px; overflow:hidden;}
a.outer:hover {color:#fff; border:3px solid #FFFF00; background-image: url(menu1.png); overflow:visible;}
a.outer:hover table {display:block; border-collapse:collapse;}
a.inner, a.inner:visited {display:block; width:140px; height:24px; border-bottom:1px solid #FFFFFF; text-decoration:none; color:#000;font-family:tahoma, vardana, arial, sans-serif; font-size:10px; text-align:center;}
a.inner:hover { background-image: url(menu2.jpg); }
/*]]>*/
</style>
<![endif]-->
</head>
<body>
<div id="rightmenu">
<img style="border-bottom: 0px solid #FFFFFF;margin:0px;padding:0px;" src="menu.jpg" width="142" height="36" border="0" alt="">
<div class="menu">
<a class="outer" href="page1.html">MENU 1
<table><tr><td>
<a class="inner" href="page1a.html">Page 1a</a>
<a class="inner" href="page1b.html">Page 1b</a>
<a class="inner" href="page1c.html">Page 1c</a>
<a class="inner" href="page1d.html">Page 1d</a>
<a class="inner" href="page1e.html">Page 1e</a>
</td></tr></table>
</a>
</div>
<div class="menu">
<a class="outer" href="page1.html">MENU 1
<table><tr><td>
<a class="inner" href="page1a.html">Page 1a</a>
<a class="inner" href="page1b.html">Page 1b</a>
<a class="inner" href="page1c.html">Page 1c</a>
<a class="inner" href="page1d.html">Page 1d</a>
<a class="inner" href="page1e.html">Page 1e</a>
</td></tr></table>
</a>
</div>
<div class="holder">
MENU 1<br>
<a class="inner" href="page1a.html">Page 1a</a>
<a class="inner" href="page1b.html">Page 1b</a>
<a class="inner" href="page1c.html">Page 1c</a>
<a class="inner" href="page1d.html">Page 1d</a>
<a class="inner" href="page1e.html">Page 1e</a>
</div>
<div class="holder">
MENU 1<br>
<a class="inner" href="page1a.html">Page 1a</a>
<a class="inner" href="page1b.html">Page 1b</a>
<a class="inner" href="page1c.html">Page 1c</a>
<a class="inner" href="page1d.html">Page 1d</a>
<a class="inner" href="page1e.html">Page 1e</a>
</div>
<div class="menu"><a class="outer" href="page1.html">MENU 1</div>
<div class="holder">MENU 1<br></div>
</body>
</html>gruß
feh
