...

View Full Version : Creating Drop Down Menu's



venkatgfo
02-23-2008, 06:24 PM
I found this code from the archives, I wanted to know how to create mouseover drop down options for each link.

here's the code, please help me put

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<style type="text/css">
#menu2 {
display:table;
padding:0;
margin:0 auto;
list-style-type:none;
white-space:nowrap;
}
#menu2 li {
display:table-cell;
}
* html #menu2 li {
float:left;
}
#menu2 a {
width:auto;
display:block;
padding:2px 10px;
color:#fff;
background:#08c;
border:1px solid #fff;
text-decoration:none;
}
* html #menu2 a {
float:left;
}
#menu2 a:hover {
color:#000;
background:#E5E5E5;
}

.container {clear:both; text-decoration:none;}
* html .container {display:inline-block;}

A.newmenu {
text-decoration: none;
color: black;
display: block;
font-family: Arial;
font-weight: bold;
font-size: 8pt;
text-indent: 8px;
}

A.newmenu:hover {
background-color: #FFFFFF;
color: blue;
}

B.topleftnav {
background-color: #E5E5E5;
font-family: Arial;
font-weight: bold;
font-size: 9pt;
display: block;

}

#home .home, #gethelp .gethelp, #forum .forum, #contact .contact, #techshop .techshop
{
color: blue;
}

</style>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>
<del class="container">
</font>
<ul id="menu2">
<li class="home"><a href="#nogo">Home</a></li>
<li class="gethelp"><a href="#nogo">Get Help</a></li>
<li class="forum"><a href="#nogo">Forum</a></li>
<li class="contact"><a href="#nogo">Contact Us</a></li>
<li class="techshop"><a href="#nogo">Tech Shops</a></li>
</ul>

</del>
</body>
</html>

effpeetee
02-23-2008, 07:23 PM
My Sources program uses this type of thing. Have a look.

http://exitfegs.co.uk/Sources.html

also see 116 to 120 on this program.

FRank



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum