Vorab die Information, es dreht sich um folgenden Quelltext:
CSS-Datei:
[HTML]body {
font-size: small;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
h1 {margin-left:40px;
margin-top:35px
}
#navibereich {
margin: 0em; padding: 2em;
border: 1px solid black;
background-color: E5FFFF;
text-align: center;
margin-top: 0px;
margin-right: 40px;
margin-left:40px
}
/* -------NUN DER WICHTIGE TEIL------------ */
#ul navibereich {
padding: 4px 0px; /* Innenabstand: oben/unten 4px, li/re 0 /
margin: 4x; / Keinen Außenabstand /
display: inline; / Listenelemente nebeneinander /
list-style-type: none; / Aufzählungszeichen entfernen */
}
#li navibereich {
float: left;
position: relative;
width: 8em;
}
#ul navibereich li {
display: none;
position: absolute;
top: 10em;
left: 0;
}
#li navibereich hover ul {
display: block
}
a:link {font-weight:bold; color: 3300CC; text-decoration:none; }
a:visited: {font-weight:bold; color: grey; text-decoration:none; }
a:focus: {font-weight:bold; color: red; text-decoration:none; }
a:hover {font-weight:bold; color: 003300; text-decoration:none; }
a:active {font-weight:bold; color: 4C4C66; text-decoration:none; }
g:focus { background-color:red; }
g:hover { background-color:silver; }
g:active { background-yellow:red; }
[/HTML]
Index-Datei:
[HTML]
Herzlich WillkommenFunktionsanalyse Südwest
[/HTML]Ich möchte die Navigation einfach horizontal (und vor allem OHNE Listenzeichen) angeordnet haben und dann noch bei dem einen oder anderen Link einfach eine „Unternavigation“ in Blockform ausgeben, sofern man mit der Maus drüber geht(hover). In der Theorie passt das ja prima, aber in der Praxis haperts ganz schön. Wo liegt denn genau der Fehler…? Kenne mich mit der Syntax von Universalattribute nicht sonderlich gut aus. Selfhtml bringt mich da auch nicht wirklich weiter. Wäre Dankbar, wenn ihr mir zeigt, wie s richtig geht…