✔ mehrere a href Definitionen?

[webraccoon]

Moinsen,

mal folgende Frgae:
ist es generell möglich mehrere a href-Stile einzubinden?
Also ,Navigation hrefs sind beispielsweise weiss und Partner-Links schwarz.


Jemand eine Idee

Gruss
webraccoon

 

[daddz]

Natürlich ist das möglich. Du machst einfach in CSS verschiedene Klassen z.b. für weiße Links und dann noch für schwarze Links...die weist du dann deinen Links einfach zu.

greetz
daddz

 

[Gumbo]

Gerade die Kaskaden und die Selektoren sind die besonderen Vorzüge von CSS.
Wie daddz es bereits erwähnte kannst du durch geschickte Nutzung der Kaskaden oder durch zusätzliche Auszeichnungen und Selektoren bestimmten Elementen unterschiedliche Eigenschaftswerte zuweisen.

 

[webraccoon]

ja ok,

sowas ähnliches habe ich mir schon gedacht.
Weiss aber leider nicht genau wie man das umsetzt.

die Links sind bisher so gesetzt:
a {font-size: 13px; text-decoration: none; font-weight : bold;}
a:link { text-decoration:none; font-weight:bold; color:#0b2087; }
a:visited { text-decoration:none; font-weight:bold; color:#0b2087; }
a:hover { text-decoration:underline; color:#FF0000; }
a:active { text-decoration:none; font-weight:bold; color:#0b2087 }

Wenn ich nun einen normalen class-aufruf der art class="" im <TD> oder <a href> mache hat das leider keine Auswirkungen. Es werden die Definition der Links gesetzt.

Wie kaskadiere ich das

gruss
webraccoon

 

[daddz]

So z.B:

.schwarz a {
    color: black;
}

.weiss a {
    color: white;
}

<!-- dann im HTML-Code selbst: -->

<p class="schwarz a"><a href="#">Klick!</a></p>
<p class="weiss a"><a href="#">Klick!</a></p>

greetz
daddz

 

[cameeel]

So z.B:

   .schwarz a {
       color: black;
   }
   
   .weiss a {
       color: white;
   }
   
   <!-- dann im HTML-Code selbst: -->
   
   <p class="schwarz a"><a href="#">Klick!</a></p>
   <p class="weiss a"><a href="#">Klick!</a></p>

greetz
daddz

Hi,

ich gestalte meine Links auch mit CSS aber ich mach da was ein klein wenig anders, funktioniert aber auch, ist das was ich mache falsch oder kein gutes CSS / HTML oder sowas?

<a href='x.html' class='schwarz'>text</a>
  <a href='x.html' class='weiss'>text</a>

MfG
cAm3eel

 

[webraccoon]

hi,

meine css-Datei sieht jetzt etwa so aus:

.weiss a {
font-family: Verdana, Tahoma, Arial;
font-size: 7pt;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-decoration: none
color: white;
}

im html code habe ich:
<p class="weiss a"><a href="sites/impressum.php">Impressum</a></p>

jedoch hat dies keinerlei Auswirkungen. Habe zusätzlich versucht, den a:link, a:hover, u.s.w. Kram zu entfernen, nutzt aber ebenso nichts. Was ist daran falsch

gruss
webraccoon

 

[daddz]

Hi,

ich gestalte meine Links auch mit CSS aber ich mach da was ein klein wenig anders, funktioniert aber auch, ist das was ich mache falsch oder kein gutes CSS / HTML oder sowas?

<a href='x.html' class='schwarz'>text</a>
  <a href='x.html' class='weiss'>text</a>

MfG
cAm3eel

hat <a> ein "class"-Attribut? Müsste man mal bei W3C nachguggn!

@webraccoon: eigentlich sollte das funktionieren...ich kann mir nich erklären warums nich geht. Teste mal ob der Code valid ist.

greetz
daddz

 

[webraccoon]

alles klar,

hatte lediglich ein Semikolon vergessen. Klappt wunderbar, danke.

Gruss
webraccoon

 

[daddz]

Tatsächlich jetzt wo du´s sagst seh ichs auch. Immer diese Semikolons :-(

greetz
daddz