Hi,
ich bin totaler Neueinsteiger in Sachen HTML / CSS. Ich versuche gerade zur Übung eine einfache Navigation mit Mouseover zu erstellen. Das Problem ist, die Links haben rechts und links einen kleinen Rand der sich nicht mit färbt, wenn man mit der Maus rüberfährt. Und außerdem wüsste ich gerne, wie ich die Links ganz zusammen fügen kann, ohne die Lücken dazwischen. Ich poste hier einfach mal CSS udn HTML code, wenn Fehler drin sind, bitte einfach sagen ;).
danke schonmal
ich bin totaler Neueinsteiger in Sachen HTML / CSS. Ich versuche gerade zur Übung eine einfache Navigation mit Mouseover zu erstellen. Das Problem ist, die Links haben rechts und links einen kleinen Rand der sich nicht mit färbt, wenn man mit der Maus rüberfährt. Und außerdem wüsste ich gerne, wie ich die Links ganz zusammen fügen kann, ohne die Lücken dazwischen. Ich poste hier einfach mal CSS udn HTML code, wenn Fehler drin sind, bitte einfach sagen ;).
danke schonmal
Code:
ul#navi li {
text-decoration: none;
font-style: normal;
display: inline;
margin: 0,6px;
padding: 6px;
background: #000;
font-family: "Georgia";
font-size: 0.8em;
}
a:link {
text-decoration: none;
font-style: normal;
color: #fff;
margin: 0,6px;
padding: 6px;
background-color: #000;
}
a:visited {
text-decoration: none;
font-style: normal;
color: #fff;
margin: 0,6px;
padding: 6px;
}
a:hover {
text-decoration: none;
font-style: normal;
background-color: #818181;
margin: 0,6px;
padding: 6px;
}
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title> Page</title>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<ul id="navi">
<li><a href="#">Home</a></li>
<li><a href="#">Profil</a></li>
<li><a href="#">Links</a></li>
<li><a href="#">Impressum</a></li>
</body>
</html>
Zuletzt bearbeitet von einem Moderator:
