hallo, ich habe ein kleines problem und weiß mir nicht zu helfen. ich möchte eine horizontale navigation machen, klappt soweit auch ganz gut, ich benutze den oberen tabellenrand als hovereffekt, und möchte das alle oberen tabellenränder die selbe breite haben, diese passen sich jedoch an die schrift an. hab border-width:80px; getestet aber da tut sich nichts, wenn ich nur width:80px; schreibe tut sich auch nichts. hab bei CSS 4 You - The Finest in Stylesheets geschaut und ich komm einfach nicht drauf *schäm* hier mal das bisherige:
Code:
<html>
<head>
<style type="text/css">
<!--
body {
font-family : arial,sans-serif;
font-size : 12pt;
}
a.cssmenu:link {
width : 120px;
color : black;
background-color : #white;
text-align : center;
text-decoration : none;
font-size : 12px;
border-top : 3px solid black;
border-right : 0px;
border-left : 0px;
border-bottom : 0px;
padding-top : 5px;
padding-right : 4px;
padding-left : 4px;
padding-bottom : 2px;
}
a.cssmenu:visited {
width : 120px;
color : black;
background-color : #white;
text-align : center;
text-decoration : none;
font-size : 12px;
border-top : 3px solid black;
border-right : 0px;
border-left : 0px;
border-bottom : 0px;
padding-top : 5px;
padding-right : 4px;
padding-left : 4px;
padding-bottom : 2px;
}
a.cssmenu:hover {
width : 120px;
color : black;
background-color : #white;
text-align : center;
text-decoration : none;
font-size : 12px;
border-top : 3px solid red;
border-right : 0px;
border-left : 0px;
border-bottom : 0px;
padding-top : 5px;
padding-right : 4px;
padding-left : 4px;
padding-bottom : 2px;
}
//-->
</style>
</head>
<body>
<div align="center">
<a class="cssmenu" href="index.html">Wir über uns</a>
<a class="cssmenu" href="index.html">Produkte</a>
<a class="cssmenu" href="index.html">Dienstleistungen</a>
<a class="cssmenu" href="index.html">Kontakt</a>
<a class="cssmenu" href="index.html">2-K Academy</a>
<a class="cssmenu" href="index.html">Jobs</a>
<a class="cssmenu" href="index.html">Sitemap</a>
</div>