Hallo!
Ich möchte gerne, dass der hover-Effekt nicht die gleiche Größe wie der Link hat, sondern länger ist.
Schwer zu erklären ... darum mal ein Link:
http://www.yaml.de/yaml_xhtml_struktur.html
Wenn man links im Menu die Maus über "Skiplinks" hält, dann wird der Link ja orange hinterlegt. Aber dieser Effekt geht weiter, und hört nicht direkt nach dem Link auf.
Ich habe ein div für das linke Menu gemacht.
Innerhalb dieses divs befindet sich die Liste (ul) für die Links.
Im CSS habe ich bisher für diese Liste folgendes definiert:
Und für das div, in dem sich diese Liste befindet:
Ich möchte gerne, dass der hover-Effekt nicht die gleiche Größe wie der Link hat, sondern länger ist.
Schwer zu erklären ... darum mal ein Link:
http://www.yaml.de/yaml_xhtml_struktur.html
Wenn man links im Menu die Maus über "Skiplinks" hält, dann wird der Link ja orange hinterlegt. Aber dieser Effekt geht weiter, und hört nicht direkt nach dem Link auf.
Ich habe ein div für das linke Menu gemacht.
Innerhalb dieses divs befindet sich die Liste (ul) für die Links.
Im CSS habe ich bisher für diese Liste folgendes definiert:
Code:
#navi2 a:link {color:white; text-decoration:none; background-color:black;}
#navi2 a:visited {color:white; text-decoration:none; background-color:black;}
#navi2 a:hover {color:black; text-decoration:none; background-color:white;}
#navi2 a:active {color:black; text-decoration:none; background-color:white;}
#navi2 a:focus {color:black; text-decoration:none; background-color:white;}Und für das div, in dem sich diese Liste befindet:
Code:
#menu {
margin-top: 50px;
width: 200px;
float:left;
}