CSS will nicht richtig!

Status
Nicht offen für weitere Antworten.
S

svennson

Erfahrenes Mitglied
Hi,
arbeite mich grade an CSS ran, aber es wil einfach direkt am Anfang nicht richtig funktionieren :(
Hatte alles zuerst in einer Datei verfasst, aber da war gar nichts passiert, dann hab ich das im Quelltext festgelegt und jetzt lkann ich z.B auch h3 formatieren aber die Links lassen sich irgendwie nicht gestallten.
Kann mir einer sagen woran das liegen kann?
Hier mein Quelltext:
PHP: 
<html>
<head>
<title>Sven's hp-<?php echo $seite;?></title>
</head>
<style type="text/css">
h3{color:red}
a:link{text-decoration:none}
</style>
<body>
<h3 align="center">Svens Testseite</h3>
<table align ="left" >
<div class="menu">
<tr><td><h2>Menu</h2></td></tr>
<tr><td><a href="index.php?seite=start">start</a></td></tr>
<tr><td><a href="index.php?seite=info">info</a></td></tr>
<tr><td><a href="index.php?seite=test">Gästebuch</a></td></tr>
</div>
</table>


<table align="center">
<tr><td><?php switch($seite){
                                                case "start": include("start.txt"); break;
                                                case "info": include("info.php"); break;
					        case "gb": include('test.php'); break;}?></td></tr>
</table>												  
</body>
</html>

MFG,
Sven
 
moin,
das klappt auch nicht wenn es im head steht.
Der zeigt einfach den normalen unterstrichenden Link an.
MFG,
Sven
 
Ich hab eine Vermuting: Die Verweise sind bereits besucht worden, daher sind sie nicht mehr mit der :link-Pseudoklasse selektierbar. Stattdessen musst du den :visited-Pseudoklassen-Selektor selektieren:
Code: 
a:link,
a:visited {
	color:			#393;
	text-decoration:	none;
}
a:visited {
	color:			#339;
}
 
Die Vermutung, die Gumbo hat ist vermutlich richtig.

Da du jeden "Zustand" eines Links ansprechen kannst, musst du das auch in den meisten Fällen tun.

HTML: 
a:link, a:visited {
	color: #FFF;
        text-decoration: none;
}

a:hover {
	color: #F00;
        text-decoration: underline;
}
Als Beispiel.
 
Zuletzt bearbeitet:
Besser wäre sogar noch nur Verweise mit der Pseudoklasse :hover zu selektieren, so werden nicht ungewollt auch Anker mitselektiert:
Code: 
a:link:hover,
a:visited:hover {
	…
}
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück