PDA

View Full Version : Help with CSS horizontal menu



tonto11
09-07-2008, 12:35 AM
1) Script Title: CSS Horizontal Hover Menu

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex1/hover.htm

3) Describe problem:
My page is 820 pixels wide. How do I make the menu bar extend the full length (820 pixels) across the page? Thanks!

ddadmin
09-08-2008, 11:52 PM
Try replacing the original CSS of the script with the below instead:


<style type="text/css">

.hovermenu{
width: 100%;
background-color: #FFF2BF;
overflow: hidden;
margin: 0;
padding: 0;
}

.hovermenu ul{
font: bold 13px arial;
margin: 0;
padding: 0;
padding-left: 0;
margin-left: 0;
height: 20px;
}

.hovermenu ul li{
list-style: none;
display: inline;
}

.hovermenu ul li a{
padding: 2px 0.5em;
text-decoration: none;
float: left;
color: black;
background-color: #FFF2BF;
border: 2px solid #FFF2BF;
}

.hovermenu ul li a:hover{
background-color: #FFE271;
border-style: outset;
}

html>body .hovermenu ul li a:active{ /* Apply mousedown effect only to NON IE browsers */
border-style: inset;
}
</style>