nicht angemeldet
hallo,
verstehe ich jetzt nicht ganz? border-top und -bottom ggfls. mit margin-top und -bottom sollte doch ausreichen?
Es sei denn, Du willst das ganze Menü vertikal zentrieren - nur mit welchem Bezug dann?
jo das ganze menü vertikal zb in einem äusseren div zentrieren. und mit einem div hab ichs nich hinbekommen. innerhalb einer tabelle würde das ganze dann so ausschauen (wie ich mir das vorstelle):
<html>
<head>
<link rel="stylesheet" type="text/css" href="navitest.css">
</head>
<body>
<table>
<tr>
<td id="topnav">
<ul id="navlist">
<li><a href="#">Home</a></li>
<li><a href="#">History</a></li>
<li><a href="#">Releases</a></li>
<li><a href="#">Tour</a></li>
<li><a href="#">Photos</a></li>
<li><a href="#">Media</a></li>
<li><a href="#">Interviews</a></li>
<li><a href="#">Reviews</a></li>
<li><a href="#">Links</a></li>
<li><a href="#">Forum</a></li>
</ul>
</td>
</tr>
</table>
</body>
</html>
css:
body, table
{background-color:#000;
color:#FFF;
font-size:9px;
font-family:verdana;
}
#topnav {
text-align:center;
vertical-align:middle;
border-top:1px solid #333;
border-bottom:1px solid #333;
width:640px;
padding:0;
margin:0;
height:36px;}
#navlist
{
margin:0;
padding:0;
list-style-type:none;
text-align:center;
}
#navlist li
{
display:block;
float:left;
padding:0;
margin:0;
}
#navlist li a, #navlist li a:link, #navlist li a:visited
{
background:#333;
width:60px;
padding:4px 0;
margin:0 2px;
color:#fff;
text-decoration:none;
display:block;
background-image:url(gfx/topnavbg.gif);
background-repeat:repeat-x;
}
#navlist li a:hover
{
color:#CC4200;
text-decoration:none;
}
gruss,
hurz