So, da bin ich noch einmal. Mich läßt das einfach nicht in ruhe...
Wie kann ich nun die Größe solcher Elemente verändern?
Wie bekomme ich die Nav.elemente ganz an den linken Rand? Habe einiges ausprobiert, aber langsam wird es anstrengend.
Hier der aktuelle Code:
<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<link rel="stylesheet" href="style.css" type="text/css">
<title>Nav mit CSS</title>
</head>
<body>
<ul id="navigation">
<li id="menu1"><a href="#">Test1</a></li>
<li id="menu2"><a href="#">Test2</a></li>
<li id="menu3"><a href="#">Test3</a></li>
<li id="menu4"><a href="#">Test4</a></li>
</ul>
</body>
</html>
------------------
body{
margin-top: 0px;
margin-left: 0px;
}
ul#navigation li {
display: inline;
margin-right: 5px;
margin-left: 0px;
padding: 3px;
width: 150px;
text-align:center;
}
#navigation a:link { color:black; text-decoration: none;}
#navigation a:visited { color:black; text-decoration: none;}
#navigation a:hover { color:white; text-decoration: none;}
#navigation a:active { color:black; text-decoration: none;}
#menu1
{
background: red;
}
#menu2
{
background: orange;
}
#menu3
{
background: green;
}
#menu4
{
background: violet;
}