Im Div-container andere A:link Darstellung

[lyzarr]

Hallo zusammen!

Ich habe ein kleines Problem, zu dessen Lösung ich bisher nichts habe finden können - vermutlich weil ich nicht weiß wie ich es vernünftig ausdrücken sollte.
Für meine Webseite habe ich in der css-Datei eine globale Einstellung für links vorgenommen,

A:link {text-decoration: none; color: #000;}
A:visited {text-decoration: none; color: #000;}
A:active {text-decoration: none; color: #000;}
A:hover {text-decoration: none; color: #A20D1B;}

und möchte nun die links innerhalb eines bestimmten Div-containers andersfarbig anzeigen lassen. Nur wie trage ich es dort ein?

#fußbereich{ 
float:right;
margin: auto; 
width: 150px; 
height: 10px;
padding:10px 15px 0px 0px;
text-align:right; 
color:#999999;
}

Das "color:#999999;" betrifft ja nur Text ohne a href.


Ich hoffe auf Eure Hilfe.

Viele Grüße,


Lyzarr

 

[Tattoomaus78]

AW: Im Div-container andere A:link Darstellung

<a class="blabla" href="#">Link</a>

a.blabla:link {
background-color: #...;
color: #...;
}

a.blabla:visited {
background-color: #...;
color: #...;
}

a.blabla:hover {
background-color: #...;
color: #...;
}

a.blabla:active {
background-color: #...;
color: #...;
}

 

[lyzarr]

AW: Im Div-container andere A:link Darstellung

Ich möchte eben nicht mit class arbeiten, da sich der Text ja in einem div-container befindet, den ich vollständig im css beschrieben habe, wenn also möglich, möchte ich auch für diesen container eine andere link-Darstellung hinterlegen.

Der container im eigentlichen html-Dokument wird so aufgerufen:

<div id="fußbereich">
<a href="sitemap.html">Sitemap</a> | <a href="impressum.html">Impressum</a>
</div>

Also ist es möglich innerhalb der geschweiften Klammern von "#fußbereich" im css-Dokument das a href Verhalten für die links in diesem div-container festzulegen ?

#fußbereich{ 
float:right;
margin: auto; 
width: 150px; 
height: 10px;
padding:10px 15px 0px 0px;
text-align:right; 
color:#999999;
}

Danke und Gruß,

Lyzarr

 

[Tattoomaus78]

AW: Im Div-container andere A:link Darstellung

Also ist es möglich innerhalb der geschweiften Klammern von "#fußbereich" im css-Dokument das a href Verhalten für die links in diesem div-container festzulegen ?

nein, aber eine weitere Möglichkeit wäre:

#fußbereich a:link {
  background-color: #...;
  color:            #...;
}

#fußbereich a:visited {
  background-color: #...;
  color:            #...;
}

#fußbereich a:hover {
  background-color: #...;
  color:            #...;
}

#fußbereich a:active {
  background-color: #...;
  color:            #...;
}

 

[lyzarr]

AW: Im Div-container andere A:link Darstellung

Tausend Dank Tattoomaus78,

für die Info und Lösung - funktioniert auf Anhieb.

Viele Grüße, Lyzarr

 

[Tattoomaus78]

AW: Im Div-container andere A:link Darstellung

gerne....

 

[philbring]

AW: Im Div-container andere A:link Darstellung

Hallo,

du kannst auch mit verschachtelten Rags in des CSS Datei arbeiten.

So definierst du mit

div a { ... }

z.B. die Eigenschaften aller A-Tags die sich innerhalb eines Div Containers befinden.
Wichtig ist hier das zwiscgen den "div" und dem "a" kein Komma steht.

Du kannst dann noch verschiedene div Container mit "id" oder "class" Definitionen unterscheiden

div.flag a { ...} oder div#flag a { ... }


Viele Grüße


Peter

 

[lyzarr]

AW: Im Div-container andere A:link Darstellung

Vielen Dank, philbring.

Interessant - wenn ich das richtig verstehe, bringt mir dies in meiner aktuellen Version aber keinen Vorteil ggü. der anderen Methode, oder ? (nicht kürzer o.ä.)
Aber in jedem Fall gut zu wissen.

Vielen Dank und Gruß,


Lyzarr