CSS - Brauche Hilfe

tingeltangeltill

weniger ist oft mehr
Registriert
6. Februar 2002
Reaktionspunkte
0
Ort
Tübingen
Hallo ihr bikenden Programmierer!

Auf dem Gebiet CSS bin ich noch nicht sehr bewandert und daher kommt folgendes Problem.

Die folgenden Stylesheets sind für meine "normalen" Links:

Code:
<style type="text/css">
    a:link        { color:#021276; text-decoration:none; }
    a:visited    { color:#021276; text-decoration:none; }
    a:hover     { color:#FACE00; text-decoration:none; }
    a:active    { color:#FACE00; text-decoration:none; }
    a:focus 	{ color:#FACE00; text-decoration:none; }
</style>

Jedoch möchte ich nicht, dass jeder Link nach diesem Muster verläuft.
Ich habe es (auch mit SelfHTML) nicht hinbekommen eine zweite Klasse
zu definieren und dann bei den "speziellen" Links einzusetzen.

Ich denke hier kann mir bestimmt jmd helfen ;-)
ich hoffe ich habe das Problem ausreichend beschrieben, wenn es
nicht verständlich ist einfach nachfragen

Gruss und vielen Dank im voraus :-)

Till
 
Du erweiterst deine Stzlesheet-Definitionen um z. B. folgendes:

Code:
.alternate a { color:#f00; text-decoration:none; }
.alternate a:visited { color:#0f0; }
.alternate a:hover { color: #00f; }

Nun musst du einfach einen Anker erzeugen und ihm die Klasse alternate zuweisen:

Code:
<a href="/foobar.html" class="alternate">FOOBAR!</a>

Du kannst auch Links gezielt fuer z. B. Ueberschriften anders aussehen lassen:

Code:
h1 a, h2 a { color:#f00; text-decoration:none; }
h1 a:visited, h2 a:visited { color:#0f0; }
h1 a:hover, h2 a:hover { color: #00f; }

Eine Link in einer Ueberschrift h1 oder h2 wird dann entsprechend anders aussehen als ein normaler Link. Eigenschaften werden in den meisten Faellen an untergeordnete Elemente vererbt.

rik
 
Dr.Amphetamin schrieb:
Hey Cool wo zockt ihr denn welcher Server?

Famiglia-della-morte
Mich trifft man hier 193.189.106.150:27015

Oder auf Bohramt (kennt ja wohl jeder) :D
öhm... hättest du mal die frage gelesen, wüsstest du, dass es hier nicht um counter-strike source sondern um cascading style sheets geht :lol:
 
rikman schrieb:
Du erweiterst deine Stzlesheet-Definitionen um z. B. folgendes:


Nun musst du einfach einen Anker erzeugen und ihm die Klasse alternate zuweisen:


Du kannst auch Links gezielt fuer z. B. Ueberschriften anders aussehen lassen:


Eine Link in einer Ueberschrift h1 oder h2 wird dann entsprechend anders aussehen als ein normaler Link. Eigenschaften werden in den meisten Faellen an untergeordnete Elemente vererbt.

rik

danke dir rik! ich hab es hinbekommen :daumen:
 
Zurück