CSS Rollover Navigation - Wie?

Status
Nicht offen für weitere Antworten.

sunshineworld

Mitglied
Folgende Aufgabe habe ich bekommen:

CSS Rollover Navigation mit Definition in einer externen Datei (*.css)
Definieren Sie in einer externen Datei (*.css) die notwendigen Elemente um
eine rollover Navigation zu erstellen.
Die Navigation reagiert mit 4 unterschiedlichen Zuständen auf die Position
des Mousezeigers:
1. Der Mousezeiger befindet sich nicht über dem Navigationstext - dieser
Zustand wird als Standarddarstellung bezeichnet,
2. der Mousezeiger bewegt sich über den Navigationstext und bleibt darüber
stehen - rollover Zustand (kleiner Tipp - die rollover Eigenschaft für das Anker
Element ist "hover"),
3. der Navigationstext oder Hyperlink wurde angeklickt - aktivierter Zustand
und
4. der Navigationstext wurde schon einmal aktiviert - visited.
Der Navigationstext wird in der Regel, je nach Aktion, in 4 verschiedenen
Farben dargestellt.

Welche Befehle muss ich genau angeben?

Danke Euch :)
sunshineworld
 
hallo

das geht ganz einfach:

Code:
A:link { text-decoration: underline;
	 font-weight: bold;
	 color: #D90000}	
		
A:visited { font-size: 10pt;
	 text-decoration: underline;
	 font-weight: bold;
	 color: #683939}	
		
A:active { font-size: 10pt;
	 text-decoration: underline;
	 font-weight: bold;
	 color: #AC8383}	
		
A:hover { font-size: 10pt;
	 text-decoration: none;
	 font-weight: bold;
	 color: #990000}

natürlich kannst du das aussehen der hyperlinks beliebig anpassen. im html file musst du im HEAD noch folgenden code schreiben, um das *.css file zu linken:

Code:
<LINK HREF="verzeichnis/file.css" TYPE="text/css" REL="stylesheet">

greetings para
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück