Help - Search - Members - Calendar
Full Version: Need Some Help...
Zymic Webmaster Forums > Web Design & Development > Client Side Scripting > HTML and CSS
Zaphod
I have a CSS menu (with hover overs) and i need it to have drop down added to it...


Here is the code i have.....


CODE
/* Menu */

#stylefour{
position:relative;
display:block;
height:39px;
font-size:11px;
font-weight:bold;
background:transparent url(../img/bgOFF.gif) repeat-x top left;
font-family:Arial,Verdana,Helvitica,sans-serif;
border-top:4px solid #0075c2;
}
#stylefour ul{
margin:0;
padding:0;
list-style-type:none;
width:auto;
}
#stylefour ul li{
display:block;
float:left;
margin:0;
}
#stylefour ul li a{
display:block;
float:left;
color:#666;
text-decoration:none;
padding:11px 20px 0 20px;
height:23px;
background:transparent url(../img/bgDIVIDER.gif) no-repeat top right;
}
#stylefour ul li a:hover,#stylefour ul li a.current{
color:#0075c2;
background:#fff url(../img/bgON.gif) no-repeat top right;
}




CODE
<div id="stylefour">
<ul>
<li><a href="#" title="home" class="current">Home</a></li>
<li><a href="#" title="quick links">Quick Links</a></li>
<li><a href="#" title="School Info">School Info</a></li>
<li><a href="#" title="School Life">School Life</a></li>
<li><a href="#" title="digital britain">Digital Britain</a></li>
</ul>
</div>



I am willing to pay, but i need this done asap... add me to msn daddysimons@hotmail.co.uk or reply here
Zaphod
Done..
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2012 Invision Power Services, Inc.