Mit css ein 2 link gestalten

[Dashu]

hallo
wolte fragen wie man weitere links gestaltet

  
  
a:link{color:#FFFFFF; font-size:14px; text-decoration: none; border-bottom: 1px double; width:140px;}  
a:active{color:#FFFFFF; font-size:14px; text-decoration: none; border-bottom: 1px double; width:140px;}  
a:hover {color:FFFFFF; font-size:14px; background-image:url(bgnav.jpg); border-bottom: 1px double; width:140px;  border-color: #FC806B; text-decoration: none;}  
  

aber wie mach ich das wenn ich will das ein bestimmter link anders aussieht
ich dachte so:

  
  
.link2 {  
  
a:link{color:#FFFFFF; font-size:14px; text-decoration: none; border-bottom: 1px double; width:140px;}  
  
a:hover{color:#FFFFFF; font-size:14px; text-decoration: none; border-bottom: 1px double; width:140px;}  
usw.  
}  
  

mfg
Dashu

[LX]

So funktioniert das:

a.klassenname:attribut { eigenschaft: wert; }

Gruß, LX

[Dashu]

So funktioniert das:

a.klassenname:attribut { eigenschaft: wert; }

Gruß, LX

Danke ^^

[Dashu]

»» So funktioniert das:
»»
»» a.klassenname:attribut { eigenschaft: wert; }
»»
»» Gruß, LX

  
<a class="link" href="anordnungen.jpg" target="_blank"><img src="anordnungen.jpg" align="left" height="50" width="84" hspace="5" vspace="5px" ></img></a>

  
a.link:hover {color:FFFFFF; font-size:14px; }  
  

ist das so richtig wenn ja funkt es bei mir nicht o.o

[Auge]

Hallo

<a class="link" href="anordnungen.jpg" target="_blank"><img src="anordnungen.jpg" align="left" height="50" width="84" hspace="5" vspace="5px" ></img></a>

>   
> ~~~css
  

> a.link:hover {color:FFFFFF; font-size:14px; }  
> 

ist das so richtig ...

Ja. Und es funktioniert übrigens wie gesollt. Schriftgröße auf 14 Pixel und weiße Schriftfarbe, schick ... nur ...  da ist nirgendwo Schrift.

wenn ja funkt es bei mir nicht o.o

Huiii, ein (nicht) funkender Link, das solltest du patentieren lassen.

Tschö, Auge

[Gunnar Bittersmann]

@@LX:

a.klassenname:attribut { eigenschaft: wert; }

"attribut"??

Du meinst Pseudoklasse?

Live long and prosper,
Gunnar

[LX]

Hallo, Gunnar!

Du meinst Pseudoklasse?

Ts, ts. Wir wollen Doch den armen CSS-Anfänger nicht zu sehr verwirren...

Gruß, LX

[Gunnar Bittersmann]

@@LX:

Ts, ts. Wir wollen Doch den armen CSS-Anfänger nicht zu sehr verwirren...

Eben.

Attribut wäre a[attribut] { eigenschaft: wert; }

Live long and prosper,
Gunnar

[LX]

Die Bezeichnung Pseudoklasse erscheint mir trotzdem irreführend und unnötig kompliziert. Da muss uns doch was Besseres einfallen...

Gruß, LX

[MudGuard]

Hi,

Die Bezeichnung Pseudoklasse erscheint mir trotzdem irreführend und unnötig kompliziert. Da muss uns doch was Besseres einfallen...

"Pseudoklasse" ist die (wenn man von der Übersetzung absieht) "offizielle", im Standard verwendete Bezeichnung für Pseudoklassen. (http://www.w3.org/TR/CSS21/selector.html#pseudo-class-selectors)

Jede davon abweichende Bezeichnung führt zu Verwirrung, weil der eine dann von <abweichendeBezeichnung> spricht, während der andere von <offizielleBezeichnung> spricht.

cu,
Andreas

[Gunnar Bittersmann]

@@Dashu:

a:link{color:#FFFFFF; font-size:14px; text-decoration: none; border-bottom: 1px double; width:140px;}
a:active{color:#FFFFFF; font-size:14px; text-decoration: none; border-bottom: 1px double; width:140px;}

Wenn du für a:link und a:active dieselben Angaben machst, ist die Unterscheidung überflüssig.

Allerdings nimmst du mit der Gleichgestaltung von besuchten und unbesuchten Links dem Nutzer eine wertvolle Orientierungshilfe, so dass du dies unbedingt nochmal überdenken solltest.

Das Setzen der Vordergrundfarbe auf weiß verlangt zwingend die Angabe einer Hintergrundfarbe. Hast du das getan? Sonst ist weißer Adler auf weißem Grund.

Im Interesse der Übersichtlichkeit solltest du nicht alle Deklarationen einer Regel in eine Zeile quetschen, sondern jeder Deklaration ihre eigene Zeile spendieren:

a:link  
{  
  color: #FFFFFF;  
  font-size: 14px;  
  text-decoration: none;  
  border-bottom: 1px double;  
  width: 140px;  
}

.link2 {

a:link{color:#FFFFFF; font-size:14px; text-decoration: none; border-bottom: 1px double; width:140px;}

Nein. Mach dich mit der Syntax von CSS vertraut!

Und siehe <http://de.selfhtml.org/css/formate/zentrale.htm#klassen@title=Formate für Klassen definieren>

Live long and prosper,
Gunnar

[MudGuard]

Hi,

»» a:link{color:#FFFFFF; font-size:14px; text-decoration: none; border-bottom: 1px double; width:140px;}
»» a:active{color:#FFFFFF; font-size:14px; text-decoration: none; border-bottom: 1px double; width:140px;}

Wenn du für a:link und a:active dieselben Angaben machst, ist die Unterscheidung überflüssig.

Allerdings nimmst du mit der Gleichgestaltung von besuchten und unbesuchten Links dem Nutzer eine wertvolle Orientierungshilfe, so dass du dies unbedingt nochmal überdenken solltest.

Für besuchte Links macht Dashu doch gar keine Angaben.

Das Setzen der Vordergrundfarbe auf weiß verlangt zwingend die Angabe einer Hintergrundfarbe.

Diese muß aber nicht im selben Element gesetzt werden, das kann auch für ein Vorfahren-Element geschehen.

cu,
Andreas

[Gunnar Bittersmann]

@@MudGuard:

Für besuchte Links macht Dashu doch gar keine Angaben.

Oops, da hatte ich ':visited' gelesen, wo doch ':active' stand.

Diese [Angabe einer Hintergrundfarbe] muß aber nicht im selben Element gesetzt werden, das kann auch für ein Vorfahren-Element geschehen.

Deshalb meine Frage „Hast du das getan?“

Live long and prosper,
Gunnar