Link formatieren

[Bob]

Hallo hab mal eine Frage bezüglich der Linkformatierung in css.
Ich möchte ein Link so formatieren, dass er z.B. zwei unterschiedliche Farben besitzt aber die hover Farbe gleich ist.

Beispiel:

link:
Hallo <----(Farbe Rot, Schrift Fett)
das ist ein Text <----(Farbe schwarz)

hover:
Hallo <----(Farbe Grün, Schrift Fett)
das ist ein Text <----(Farbe Grün)

Wäre nett wenn mir einer weiterhelfen könnte.

Gruss
Bob

[Gunnar Bittersmann]

Hello out there!

link:
Hallo <----(Farbe Rot, Schrift Fett)
das ist ein Text <----(Farbe schwarz)

hover:
Hallo <----(Farbe Grün, Schrift Fett)
das ist ein Text <----(Farbe Grün)

Was ist daran so schwer, genau das, was du mit Worten beschreibst, in CSS zu notieren?

a {color: black}  
a strong {color:red}  
a:hover, a:hover strong {color:green}

angewandt auf

<a href="http://example.net"><strong>Hallo</strong> das ist ein Text</a>

See ya up the road,
Gunnar

[Ashura]

Hallo Gunnar.

Hallo <----(Farbe Rot, Schrift Fett)
[…]
Hallo <----(Farbe Grün, Schrift Fett)
das ist ein Text <----(Farbe Grün)

Was ist daran so schwer, genau das, was du mit Worten beschreibst, in CSS zu notieren?

a strong {color:red}

Dann fehlt hier aber noch ein font-weight:bold für das strong-Element.

Schließlich hat Bob explizit gesagt, dass das Wort „Hallo“ fettgedruckt dargestellt werden soll. Und wie wir wissen ist alles, was nicht explizit angegeben wurde, Interpretationssache.

Einen schönen Mittwoch noch.

Gruß, Ashura

[Gunnar Bittersmann]

Hello out there!

a strong {color:red}

Dann fehlt hier aber noch ein font-weight:bold für das strong-Element.

Schließlich hat Bob explizit gesagt, dass das Wort „Hallo“ fettgedruckt dargestellt werden soll. Und wie wir wissen ist alles, was nicht explizit angegeben wurde, Interpretationssache.

Na dann wäre ich aber auch dafür, das „Hallo“ mit 'em' statt 'strong' auszuzeichnen; so wichtig isses ja nun auch nicht.

  a em {  
    color:red;  
    font-weight:bold;  
    font-style: normal;  
  }

Auch wenn Bob letztes nicht explizit gesagt hat. ;-)

See ya up the road,
Gunnar

[bob]

habs selber hinbekommen, hoffe so ist es richtig ;-)

  
a:link, a:visited {text-decoration:none; color:#5B87A1;}  
a:link strong, a:visited strong {color:#152F41;}  
a:hover, a:hover strong {color:#3F9201;}  

gruss bob

[bob]

Hello out there!

link:
Hallo <----(Farbe Rot, Schrift Fett)
das ist ein Text <----(Farbe schwarz)

hover:
Hallo <----(Farbe Grün, Schrift Fett)
das ist ein Text <----(Farbe Grün)

Was ist daran so schwer, genau das, was du mit Worten beschreibst, in CSS zu notieren?

a {color: black}

a strong {color:red}
a:hover, a:hover strong {color:green}

>   
> angewandt auf  
>   
> `<a href="http://example.net"><strong>Hallo</strong> das ist ein Text</a>`{:.language-html}  
>   
> See ya up the road,  
> Gunnar  
  
  
Hey super Leute, genau das ist es!!!  
Habe es so ähnlich versucht nur mit einem kleinen Fehler.  
a.strong{....}  
  
Dieser Code passt schon:  
~~~css
a {color: black}  
a strong {color:red}  
a:hover, a:hover strong {color:green}

nur noch eine dumme Frage :-)
wie baue ich in den Code noch a:link, a:visited und a:activ ein?

VIELEN DANK für die schnelle Antwort euch beiden!

[Ashura]

Hallo bob.

a:hover, a:hover strong {color:green}

>   
> nur noch eine dumme Frage :-)  
> wie baue ich in den Code noch a:link, a:visited und a:activ ein?  
  
Ebenso wie in obigem Selektor gezeigt:  
  
`Element:[ref:self811;css/eigenschaften/pseudoformate.htm#link_visited_focus_hover_active@title=Pseudoklasse] Kindelement { /* Styledefinitionen */ }`{:.language-css}  
  
  
Einen schönen Mittwoch noch.  
  
Gruß, Ashura  

-- 
sh:( fo:} ch:? rl:( br: n4:~ ie:{ mo:| va:) de:> zu:} fl:( ss:) ls:[ js:|  
[<mathbr:del.icio.us/>](http://del.icio.us/mathbr) [<mathbr:w00t/>](http://w00t.noctus.net)

[bob]

Hallo bob.

a:hover, a:hover strong {color:green}

> >   
> > nur noch eine dumme Frage :-)  
> > wie baue ich in den Code noch a:link, a:visited und a:activ ein?  
>   
> Ebenso wie in obigem Selektor gezeigt:  
>   
> `Element:[ref:self811;css/eigenschaften/pseudoformate.htm#link_visited_focus_hover_active@title=Pseudoklasse] Kindelement { /* Styledefinitionen */ }`{:.language-css}  
>   
>   
> Einen schönen Mittwoch noch.  
>   
> Gruß, Ashura  
>   
  
Danke!