Christoph Schnauß: Verschiedene :link, :visited, :hover auf einer Seite

Beitrag lesen

hallo ebenfalls,

ist es möglich auf einer Seite für verschiedene Bereiche unterschiedliche Linkfarben einzustellen?

Ja.

Meine Navigation besteht aus Text-Links. Diese Links sollen andere Eigenschaften bei :link, :visited, :hover haben als Links im Inhaltsbereich meiner Seite.

Nichts leichter als das. Im Forums-Archiv findest du zahlreiche Anmerkungen dazu, aber auch SELFHTML selbst bringt dich weiter. Erfinde einfach beliebige Klassen für deine unterschiedlichen links.

Beispiel:

a.menu:link {font-size:9pt; color:#003366; text-decoration:none; font-weight:bold;}
a.menu:visited {font-size:9pt; color:#003366; text-decoration:none; font-weight:bold;}
a.menu:active {font-size:9pt; color:#800000; text-decoration:none; font-weight:bold;}
a.menu:hover {font-size:9pt; color:#FF0000; text-decoration:none; font-weight:bold;}

a.navi:link {font-size:9pt; color:#336699;}
a.navi:visited {font-size:9pt; color:#336699;}
a.navi:active {font-size:9pt; color:#808000;}
a.navi:hover {font-size:9pt; color:#CC0000;}

Grüße aus Berlin

Christoph S.