PDA

View Full Version : Underline Horizontal Menu - DD CSS Library



spider1405
07-27-2006, 09:23 PM
Hi,

How can you get the menu to appear centered instead of left. I edited the 'float' attribute but it distorted the menu appearance even though it diplays centrally. Thanks

Script: http://www.dynamicdrive.com/style/csslibrary/item/underline-horizontal-menu/

mburt
07-29-2006, 09:36 PM
the <li> tags won't let you center
try this


<html>
<head>
<style type="text/css">
#underlinemenu{
margin: 0;
padding: 0;
}

a:link,a:active,a:visited {
color: gray;
font-weight: bold;
padding: 2px 6px 4px 6px;
text-decoration: none;
background: white url(media/menudivide.gif) top right repeat-y;
font:14px tahoma
}

a:hover{
color: black;
background-color: #F3F3F3;
border-bottom: 4px solid black;
padding-bottom: 0;
}
</style>
</head>
<body>
<div id="underlinemenu" align="center">
<ul>
<a href="http://www.dynamicdrive.com" title="Home">Home</a></li>
<a href="http://www.dynamicdrive.com/style/" title="CSS Library">CSS</a></li>
<a href="http://www.dynamicdrive.com/new.htm" title="New">New</a></li>
<a href="http://www.dynamicdrive.com/revised.htm" title="Revised">Revised</a></li>
<a href="http://tools.dynamicdrive.com" title="Tools">Tools</a></li>
<a href="http://www.dynamicdrive.com/forums/" title="DHTML Forums">Forums</a></li>
</ul>
</div>
</body>
</html>