rollover links

Abwesend

So, es ist mal wieder soweit das ich eure hilfe brauche! Ich habe in meiner seite mehrere Links denen ich einen "rollovereffekt" zuweisen habe! Das problem ist das die Links dann aber lila sind! beim drüberfahren bekommen sie dann aber die richtige Farbe! nur das lila sollte eigendlich weiß sein! einer ne Ahnung?

hier der Code:

Code

<style type="text/css">
<!--
body {
	background-color: #2d3d59;
}
body,td,th {
	color: #FFFFFF;
	font-family: Franklin Gothic Medium;
	font-size: xx-small;
}
a:hover {
	color: #5F78B7;
	text-decoration: underline;
}
a:link {
	color: #FFFFFF;
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
.style4 {
	color: #5F78B7;
	font-weight: bold;
	font-family: "Franklin Gothic Medium";
	font-size: x-small;
}
.style5 {
	font-family: "Franklin Gothic Medium";
	font-size: x-small;
}
.style6 {font-size: small}
a:visited {
	text-decoration: none;
}
-->
</style>

Alles anzeigen

Also es soll halt so sein das die schrift weiß ist und nur beim drüberfahren die farbe wechselt, jedoch auch wenn man den Link angeklickt hat weiß bleiben und nicht durch "active" geändert werden! THX for answer!

baloo

ersetz deine styles mal mit folgendem:

Code

<style type="text/css"> 
<!-- 
body { 
   background-color: #2d3d59; 
} 
body,td,th { 
   color: #FFFFFF; 
   font-family: Franklin Gothic Medium; 
   font-size: xx-small; 
} 
a:hover { 
   color: #5F78B7; 
   text-decoration: underline; 
} 
a { 
   color: #FFFFFF; 
   text-decoration: none; 
} 


.style4 { 
   color: #5F78B7; 
   font-weight: bold; 
   font-family: "Franklin Gothic Medium"; 
   font-size: x-small; 
} 
.style5 { 
   font-family: "Franklin Gothic Medium"; 
   font-size: x-small; 
} 
.style6 {font-size: small} 
 --> 
</style>

Alles anzeigen

Abwesend

Alles klar! Super, aber damit ich auch was lern, was bedeutet die veränderung? Ich mein das Resultat seh ich ja aber was sagt es aus?

baloo

ok

du definierst eine farbe für den mouseover (blau):

Code

a:hover { 
   color: #5F78B7; 
   text-decoration: underline; 
}

zusätzlich definierst du eine farbe für einen link (weiss)

Code

a:link { 
   color: #FFFFFF; 
   text-decoration: none; 
}

aber besuchte links erhalten in deinem stylesheet keine farbe, werden also in der standardfarbe des browsers dargestellt - und diese ist meistens violett.

Code

a:visited { 
   text-decoration: none; 
}

mit

Code

a { 
   color: #FFFFFF; 
   text-decoration: none; 
}

setzt du jeden "link-status" (link, active, visited und hover) auf eine farbe (weiss) und änderst danach mit

Code

a:hover { 
   color: #5F78B7; 
   text-decoration: underline; 
}

die hover-farbe ab. die anderen staten (mz. von status? ) behalten aber die grundfarbe wie zuvor festgelegt.

naja, bin nicht der held im erklären, ich hoffe man verstehts

Abwesend

Klar, Danke. Und wieder um eine Erfahrung reicher

Tags