Hallo Forum,
ich arbeite mich gerade in HTML und CSS ein und habe eine Frage zu a:focus.
Das angewählte Menu soll in einer anderen Hintergrundfarbe erscheinen.
Die Webseite kann man unter
http://www.clsl.eu/gamma/index.html sehen.
Code:
<div id="leftList">
<ul id="navlist">
<li id="active"><a href="#" id="current">Startseite</a></li>
<li><a href="index.html">Menu2</a></li>
<li><a href="index.html">Menu3</a></li>
<li><a href="index.html">Menu4</a></li>
</ul>
</div>
und CSS:
Code:
#leftList li
{
background-image: url(images/sudoku_icon.jpg);
background-repeat: no-repeat;
background-position: 0em;
background-color: transparent;
padding-left: 1.2em;
}
#leftList a
{
display: block;
padding: 3px;
width: 175px;
background-color: #355C37;
border-bottom: 1px solid #eee;
}
#leftList a:link, #navlist a:visited
{
color: #EEE;
text-decoration: none;
}
#leftList a:hover
{
background-color: #4FB863;
color: #fff;
}
a#current a:focus
{
background-color: #4FB863;
color: #fff;
}
Kann mir jemand einen Tip geben?
Vielen Dank!
VG,
Johanna
