Hilfe bei a:hover

[s1mple]

Hi.. Hoffe ihr kennt mir schnell helfen..
hab nen kleinen denkfehler oder soo..

Ich hab in meiner css für die ganze Seite a {color: #000000;} (Linkfarbe) und a:hover {color: #999999;} (Hover Linkfarbe) angegeben..

Sieht man auf meiner seite über den Header (Impressum l Blog) http://s1mple.kilu.de

Alles suppa.. da ist ja auch ein weißer Hintergrund..

Nun möchte ich aber für die anderen Divs ne ander Farbeinstellung haben.. weil der Hintergrund bei den anderen Schwarz ist und nicht Weiß.. wie mach ich das?

Gruß

Edit: Hier mal die CSS-Datei

/* Autor: Daniel Neuendorf
Start: 25.09.2007
*/

a {color: #000000;
text-decoration: none;}

a:hover {color: #999999;}

#container {
height: 786px;
width: 659px;
margin: 0px auto;
}

#header {
width: 659px;
height: 233px;
background-image: url(../bilder/header.png);
background-repeat: no-repeat;
}
#header #navi {
padding-left: 25px;
font-size: 0.6em;
color: #000000;
font-style: normal;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-weight: bolder;
padding-top: 5px;
}


#maincontent {
height: 512px;
width: 659px;
background-image: url(../Bilder/content.png);
background-repeat: repeat-y;
}


#footer {
width: 659px;
background-image: url(../Bilder/footer.png);
background-repeat: no-repeat;
text-align: right;
color: #FFFFFF;
height: 48px;
}

#navigation {
background-image: url(../Bilder/navi.png);
color: #FFFFFF;
height: 27px;
width: 659px;
}
#maincontent #content {
color: #FFFFFF;
padding-left: 45px;
padding-right: 45px;
padding-top: 3px;
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 0.9em;
}

[Laire]

AW: Hilfe bei a:hover

Sorry steige durch deinen Post gerade nicht durch...


mit "a" hast du die Farbe der links bestimmt, und was willst du jetzt noch bestimmen?

Wenn du an einer andern stelle die links ander farblich machen willst, gibt es folgende möglichkeit:

<p class="anders"><a href"">Test</a></p>

CSS Datei

.p a {color: #FFFFFF;}

[s1mple]

AW: Hilfe bei a:hover

Wenn du an einer andern stelle die links ander farblich machen willst, gibt es folgende möglichkeit:

Genau das wollte Ich.. war ja wieder mal ganz simple.. Dankeschön.. =)

[Laire]

AW: Hilfe bei a:hover

Das Beispiel ist dafür gedacht wenn du mehrer a hintereinander hast also:

<p class="anders">
<a href"">Test</a>
<a href"">Test</a>
<a href"">Test</a>
<a href"">Test</a>
</p>

Bei einzelnen a geht es besser über class Zuweisung direkt an das a

<a class="dunkel" href="">Test</a>
<a class="hell" href="">Test</a>


.dunkel {color:#000000;}
.hell {color:#FFFFFF;}

[sejuma]

AW: Hilfe bei a:hover

Definiere in der CSS nochmal eine eigene Klasse für die anderen Links, z.B. so:

a.class1:link
{
color:#ff0000;
text-decoration:none;
}
a.class1:visited
{
color:#0000ff;
text-decoration:none;
}
a.class1:hover
{
color:#ADFF2F;
font-weight:bold;
font-size:1.1em;
text-decoration:none;
}

Aufruf in HTML dann mit

<a href="#" class="class1">Link mit anderer Farbe</a>

Oder du stellst den jeweiligen Selektor (ID) voran, in dem sich die Links befinden wie hier beschrieben.

[s1mple]

AW: Hilfe bei a:hover

Alles kla, Ich habs raus wie es funktioniert.. danke


Edit (autom. Beitragszusammenführung):

Und die anderen links dann mit class2 definieren?