nicht angemeldet
So, ich habe es geschafft!
An dieser Stelle noch mal ein GROSSES "DANKE SCHÖN" an Ingo Turski und Ashura.
Der Link http://de.selfhtml.org/css/layouts/navigationsleisten.htm#horizontal hat mir dann sehr geholfen. Danke.
Und hier das Resultat:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<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><a id="menu1" href="#">Test1</a></li>
<li><a id="menu2" href="#">Test2</a></li>
<li><a id="menu3" href="#">Test3</a></li>
<li><a id="menu4" href="#">Test3</a></li>
</ul>
</body>
</html>
-----------------------
body{
margin: 0px;
padding: 0px;
}
ul#navigation {
margin: 0px;
padding: 0px;
text-align: center;
}
ul#navigation li {
list-style: none;
display: inline;
margin: 0px;
padding: 0px;
}
ul#navigation a{
float: left;
width: 100px;
text-decoration: none;
margin-right: 5px;
}
#navigation a:link { color:black;}
#navigation a:visited { color:black;}
#navigation a:hover { color:white;}
#navigation a:active { color:black;}
#menu1
{
background: red;
}
#menu2
{
background: orange;
}
#menu3
{
background: green;
}
#menu4
{
background: violet;
}
------------------------
Noch ein Hinweis an alle: Da CSS mit dem IE eine heikle Sache ist, sollte man immer vorsichtig sein. Ich habe hier gelernt, dass der IE noch einiges dazulernen muss. (Siehe dazu die Links in den Posts)
Danke,
Alex