Heyho Leutz,
ich arbeite aktuell an einem Schulprojekt und bräuchste mal schnell eure Hilfe.
Folgendes Problem:
Ich habe es soweit hinbekommen, das, auf der Seite wo man sich grade befindet, in dem Fall hier grade Home, dies Grün hinterlegt wird via Bild.
Jetzt habe ich aber vor, das man wenn man mit der Maus über eins der anderen Links geht, diese via Mouse Hover auch Grün hinterlegt werden.
Dies klappt auch wie man sieht, jedoch ist aber eine Ecke nicht abgerundet.
Ich hab es in der Stylesheet versucht, aber es klappt nicht das beide Seiten abgerundet sind.
Entweder ist es dann links abgerundet, aber rechts nicht oder halt rechts abgerundet jedoch links wieder nicht.
Vielleicht könntet ihr mal schauen woran das liegen könnte.
Das is der Teil der Navigationsleiste oben:
ul#menu li
{ float: left;
margin: 5px 0 0 0;
padding: 0 0 0 6px;
list-style: none;}
ul#menu li a
{ letter-spacing: 0.1em;
font-family: serif;
font-size: 100%;
display: block;
float: left;
height: 20px;
text-decoration: none;
padding: 9px 22px 5px 16px;
text-align: center;
color: #FFF;
text-transform: uppercase;
border: none;}
ul#menu li.selected a
{ height: 20px;
padding: 7px 22px 4px 16px;}
ul#menu li.selected
{ margin: 7px 0 0 0;
background: #635B53 url(tabs.png) no-repeat 0 0px;}
ul#menu li.selected a, ul#menu li.selected a:hover
{ background: #635B53 url(tabs.png) no-repeat 100% 0px;
color: #FFF;
}
ul#menu li a:hover
{ color: #000000;
background: url(tabs.png) no-repeat 0%;
}Ich habe hier:
ul#menu li a:hover
{ color: #000000;
background: url(tabs.png) no-repeat [COLOR=red]100%[/COLOR];
}Bei 100% kommt das hier:
und bei 0% das hier:
Und bei 50% kommt das hier:
Ich hoffe ihr könnt mir helfen,
danke im voraus
greetz
Dennisdra
