Gimli
Mitglied
wie kriege ich es hin dass die link nebeneinander dargestellt werden?
hier der Code:
Html Code:
hier der Code:
Code:
body {background-color:#FFFFFF;
font-family:"Times New Roman", Times, serif;
}
#wrapper {margin:0px auto;
width:800px;
position:relative;
}
#nav {position:relative;
display:block;
height:25px;
background-color:#CCCCCC;
width:auto;
overflow:hidden;
border-color:#CCCCCC;
border-style:solid;
}
a.nav {background-color:#999999;
display:block;
color:#FFFFFF;
border-right:'thin' 'outset' '#000000'
font-size:16px;
width:80px;
height:20px;
overflow:inherit;
border-bottom-color:#000000;
border-bottom-style:groove;
border-bottom-width:thin;
border-top-color:#000000;
border-top-style:groove;
border-top-width:thin;
text-align:center;
text-decoration:none;
}
a.nav:visited {background-color:#999999;
display:block;
color:#FFFFFF;
}
a.nav:hover, a.nav:active {background-color:#FFFFFF;
color:#000000;
}
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="style.css">
</head>
<body>
<div id="wrapper">
<div id="nav">
<a href="" class="nav">Test Link</a>
<a href="" class="nav">Test Link</a>
</div>
</div>
</body>
</html>
