nicht angemeldet
Mir ist aufgefallen, daß es einen Unterschied macht ob der Selector mit oder ohne "ul" geschrieben wird, aber nur in diesem Fall. In allen anderen Gestaltungen der Navigation mit CSS spielt es keine Rolle. Wenn ich also "ul#navigation li" verwende erhalte ich zwischen den Listenpunkten einen Abstand von 3px. Schreibe ich aber nur "#navigation li" passiert überhaupt nichts. Woher kommt das? Der id-Selector gilt doch für das Element "ul"?
<!doctype html>
<html lang="de">
<meta name="viewport" content="width=device-width, initial-scale=1">
<head>
<meta charset="utf-8">
<title></title>
<style>
ul#navigation, ul#navigation li {
margin: 0;
padding: 0;
list-style: none;
}
ul#navigation {
width:200px;
float:left;
}
ul#navigation li {
margin-bottom: 3px;
}
ul#navigation li a {
background-color: #444;
color: #fff;
font-weight:bold;
text-decoration:none;
}
ul#navigation a:hover {
background-color: #a33;
color:#fff;
}
</style>
</head>
<body>
<ul id="navigation">
<li><a href="indes.htm">Startseite</a></li>
<li><a href="impressum.htm">Impressum</a></li>
<li><a href="kontakt.htm">Kontakt</a></li>
</ul>
</body>
</html>
--
LG Franz
LG Franz
Matthias Apsel
Gunnar Bittersmann
Auge
Tabellenkalk