Ich möchte in meiner Headernavigation die aktive Seite hervorheben.
Um es zu testen habe ich jede Pseudoklasse mit einer anderen Farbe versehen (Test hier)
active (blue) wird immer nur kurz aktiviert und schaltet dann weg!
Nun aber das Sonderbare!!!!:confused:
Schalte ich im Browser zurüch und wieder vor ist die Darstellung richtig!!!
Hat jemand eine Idee???
Im folgenden der verwendete CSS Code
PHP
#navigation {
margin-left:auto;
margin-right:auto;
margin-top:0px;
margin-bottom:0px;
padding-bottom: 3px;
padding-top: 3px;
overflow: hidden;
text-align: center;
position:absolute;
right: 50px; top:86px; width:70%; height:17px;
}
#navigation ul {
margin: 0;
padding: 0;
}
#navigation li {
border: 1px solid #CCCCCC;
background: url('img/sidebar.png');
float: right;
height: 19px;
margin: 0;
padding: 0;
list-style-type: none;
white-space: nowrap;
}
#navigation li a:link
{
display: block;
padding: 0 6px;
font-size:1em;
text-transform: uppercase;
letter-spacing: 1px;
color: green;
font-weight: bold;
}
#navigation li a:visited
{
display: block;
padding: 0 6px;
font-size:1em;
text-transform: uppercase;
letter-spacing: 1px;
color: yellow;
font-weight: bold;
}
#navigation li a:focus
{
display: block;
padding: 0 6px;
font-size:1em;
text-transform: uppercase;
letter-spacing: 1px;
color: black;
font-weight: bold;
}
#navigation li a:hover
{
display: block;
padding: 0 6px;
font-size: 1em;
text-transform: uppercase;
letter-spacing: 1px;
color: red;
font-weight: bold;
text-decoration: underline;
}
#navigation li a:active
{
display: block;
padding: 0 6px;
font-size: 1em;
text-transform: uppercase;
letter-spacing: 1px;
color: blue;
font-weight: bold;
}