Forenindex » Programme » Web/Internet » Adobe Dreamweaver » Farben von Links

Farben von Links

EstherC
Beiträge gesamt: 22

16. Apr 2005, 09:35
Bewertung:

gelesen: 1049

Beitrag als Lesezeichen
Hallo!
Ich kann folgende Anleitung nirgends finden. Vielleicht kann mir jemand helfen?
Ich möchte Links formatieren. Das geht ja prima über CSS a:link etc.

Kann ich diese Definition auch in mehreren Varianten machen?
Z.B. ein Teil der links ist mouseout: weiss, mouseover:hellblau und visitet: dunkelblau.
Der andere Teil der Links ist mouseout: dunkelblau, mouseover: hellblau und visitet: weiss.

Wie kann ich diese Formatierung anschliessend zuweisen?

Vielen Dank!
Esther

Farben von Links

loethelm
  
Beiträge gesamt: 6029

16. Apr 2005, 19:46
Bewertung:

gelesen: 1049

Beitrag als Lesezeichen
Hallo,

das geht über pseudoklassen.

variante1 a:link

variante2 a:link

definieren und dann


<div class=variante1>
<a href="test.html">Link1</a>
</div>

<div class=variante2>
<a href="test.html">Link2</a>
</div>

Viele Grüße

Loethelm

------------------
Helfen Sie mit, damit HilfDirSelbst.ch weiterhin helfen kann.
http://www.hilfdirselbst.ch/info/
------------------

Farben von Links

EstherC
Beiträge gesamt: 22

17. Apr 2005, 14:10
Bewertung:

gelesen: 1049

Beitrag als Lesezeichen
Hallo Lothelm
Vielen Dank! Ich habe das ausprobiert, es klappt aber noch nicht. Irgendwie mach ich da was falsch bei der Defintion der Varianten:

-------------------------
Hier mein Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Unbenanntes Dokument</title>
<style type="text/css">
<!--
variante1 a:link {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #00CCFF;
}
variante1 a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #0033CC;
}
variante1 a:active {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #009933;
}
variante1 a:visited {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #666666;
}
variante2 a:link {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FF0066;
}
variante2 a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #660033;
}
variante2 a:active {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #666600;
}
variante2 a:visited {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
}
-->
</style>
</head>

<body>
<p>
<p>
<div class=variante1>
<a href="http://www.sbb.ch">Produkte</a>
</div>
</p>
<p>Dienstleitungen</p>
<p>&uuml;ber uns </p>
</body>
</html>
-------------------------------

Vielen Dank!
Esther

Farben von Links

loethelm
  
Beiträge gesamt: 6029

18. Apr 2005, 09:44
Bewertung:

gelesen: 1049

Beitrag als Lesezeichen
Hallo Esther,

mach mal in der CSS-Definition einen Punkt vor die Klassen.

Also ".variante1 a:link"

Viele Grüße

Loethelm

------------------
Helfen Sie mit, damit HilfDirSelbst.ch weiterhin helfen kann.
http://www.hilfdirselbst.ch/info/
------------------

Farben von Links

EstherC
Beiträge gesamt: 22

18. Apr 2005, 20:40
Bewertung:

gelesen: 1049

Beitrag als Lesezeichen
hat geklappt - Danke!
Esther