[CSS] Problem mit Links

[SPEEDY-VL]

Hi,

hatte mir nen Free-Template runtergeladen und habe nun ein Problem mit dem CSS und den dazugehörigen Links... Das Design habe ich auf keinem Server teste es halt nur so im IE oder FF.

Das Problem liegt darin das bei besuchten Links der Pfeil der beim Hovern auftaucht dort "stehen" bleibt und die Schriftfarbe bleibt auch orange.

Das Design ist dieses

Und die CSS Datei ist diese:

* { 
padding : 0;
margin : 0;
} 
body { 
font : 85% "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size : 13px;
background : #000;
} 
.clear { 
clear : both;
} 
#wrapper { 
margin : 0 auto;
width : 922px;
} 
#header { 
color : #333;
width : 902px;
float : left;
padding : 10px;
border-top : 1px solid #ccc;
border-bottom : 1px solid #666;
height : 100px;
margin : 10px 0 1px 0;
background-image : url(images/header.jpg);
background-repeat : repeat-x;
} 
.icons { 
float : right;
margin-right : 10px;
margin-top : 0;
} 
.icons a { 
border : 0 solid;
} 
.icons img { 
border : 0 solid;
padding-right : 20px;
} 
.logo { 
text-align : center;
width : 220px;
} 
.logo h1#lineone { 
font-size : 2em;
font-weight : lighter;
padding-top : 30px;
color : #000;
border : none;
letter-spacing : -1px;
color : #ff9900;
} 
.logo h1#lineone span { 
color : #ff4c1c;
} 
.logo h2#linetwo { 
font-size : 1.2em;
text-transform : none;
color : #ff4c1c;
font-weight : lighter;
} 
.logo a { 
color : #ff4c1c;
text-decoration : none;
} 
.adunit { 
float : right;
width : 466px;
height : 85px;
background-image : url(images/righttop468.jpg);
background-repeat : no-repeat;
background-color : #000;
margin-top : -63px;
border-left : 1px solid #666;
border-bottom : 1px solid #666;
border-right : 1px solid #666;
background-position : -1px 0;
} 
.adcol { 
width : 220px;
float : left;
padding : 31px 0 8px 10px;
} 
.adcol em { 
color : #ff9900;
font-weight : bold;
} 
.adcol p { 
margin : 0 0 0 20px;
padding : 0;
font-size : 0.9em;
color : #ccc;
line-height : 1em;
} 
.adcol a { 
color : #ff4c1c;
} 
#stripes { 
float : left;
width : 922px;
height : 40px;
color : #333;
margin : 0 0 0 0;
background-image : url(images/stripes.jpg);
background-repeat : repeat-x;
} 
#leftcolumn { 
color : #333;
background : #333333;
margin : 1px 0 0 0;
padding : 10px;
min-height : 544px;
width : 202px;
float : left;
border-top : 1px solid #595959;
} 
ul { 
list-style : none;
} 
li { 
margin : 2px 0 2px 5px;
} 
li a { 
display : block;
width : 198px;
height : 30px;
line-height : 30px;
background : url(images/nav.jpg) no-repeat left top;
text-indent : 5px;
color : #ff4c1c;
text-decoration : none;
font-weight : bold;
} 
li a:active, li a:visited, li a:hover { 
background-position : right top;
color : #ff9900;
font-weight : 800;
} 
.textboxleft { 
background-image : url(images/lefttop.jpg);
background-repeat : no-repeat;
background-position : top 0%;
margin-top : 25px;
background-color : #000000;
border-left : 1px solid #666;
border-bottom : 1px solid #666;
border-right : 1px solid #666;
padding : 5px;
background-position : top 0%;
} 
.textboxleft h3 { 
color : #9dff43;
font-size : 1.3em;
padding : 22px 0 0 0;
} 
.textboxleft p { 
text-align : justify;
font-size : 1.1em;
color : #bebebe;
} 
.textboxleft a { 
color : #ff9900;
text-decoration : none;
} 
#rightcolumn { 
float : right;
color : #333;
background : #333333;
margin : 1px 0 0 0;
padding : 10px 10px 0 10px;
min-height : 554px;
width : 678px;
border-left : 1px solid #595959;
border-top : 1px solid #595959;
display : inline;
} 
.textboxright { 
background-image : url(images/righttop.jpg);
background-repeat : no-repeat;
background-position : 0 0;
padding : 5px;
background-color : #000000;
border-left : 1px solid #666;
border-bottom : 1px solid #666;
border-right : 1px solid #666;
margin-bottom : 10px;
} 
.textboxright h2 { 
color : #ff6600;
padding : 29px 0 0 0;
font-size : 1.8em;
font-weight : lighter;
} 
.textboxright p { 
text-align : justify;
font-size : 1.1em;
color : #bebebe;
} 
.col { 
width : 208px;
float : left;
padding : 0 5px 0 7px;
} 
.col p { 
margin : 11px 0 0 5px;
padding : 0;
text-align : justify;
} 
.col h3 { 
color : #ff6600;
font-size : 1.2em;
padding : 30px 0 0 0;
} 
.col a { 
float : right;
margin : 10px 0 0 10px;
padding : 7px 0 5px 0;
} 
#footer { 
width : 902px;
clear : both;
border-top : 1px solid #666;
border-bottom : 25px solid #99ff00;
margin : 1px 0 10px 0;
padding : 10px;
background-color : #333333;
} 
#footer p { 
padding : 0;
font-size : 90%;
color : #878787;
text-align : right;
} 
#footer a { 
color : #99ff00;
text-decoration : none;
}

Habe jetzt extra alles kopiert damit Ihr evtl. seht wo das Prob ist...

Danke euch schonmal für Ideen oder Lösungen.

 

[Freddixx]

Irgendwie finde ich da die Zeile für die Links nicht.. Bin ich blind?

 

[SPEEDY-VL]

ist es nicht ab zeile 124?

 

[SPEEDY-VL]

hat heute jmd. ne idee?

eine kleine belohnung wäre auch drin

 

[tleilax]

Naja, ist ein bisschen schwer zu sagen, was das sein könnte, wenn man's nicht online angucken kann, aber laut CSS haben besuchte und "gehoverte" Links die gleichen Styles, insofern ist es nicht weiter verwunderlich, dass das oben von Dir beschriebene Phänomen auftritt.

Nimm einfach mal das li a:visited an der entsprechenden Stelle weg und guck, ob sich was bessert.

 

[SPEEDY-VL]

ja stimmt ist weg... hätte man auch selber drauf kommen können

ich weiß das ist jetzt ne andere sache aber kann man den angezeigten / benutzten link mit diesem pfeil "markieren"? ich hoffe ihr wißt was ich meine...

kleine belohnung fürdich kommt sofort...

 

[Freddixx]

Schade, dass ich erst jetzt die Zeit habe, wieder hier zu schreiben

Zur Frage: Natürlich, du musst einfach die eigenschaft visited einzeln deklarieren. Kannst ja den Inhalt von Hover reinkopieren.

li a:visited { 
display : block;
width : 198px;
height : 30px;
line-height : 30px;
background : url(images/nav.jpg) no-repeat left top;
text-indent : 5px;
color : #ff4c1c;
text-decoration : none;
font-weight : bold;
}