css

[payton]

so, ich wollte das die links beim mouseover unterstrichen werden und die farbe wechseln klappt soweit, nur gilt dies für alle links auf der seite.

<style>
a {text-decoration:none;color:#999999}
a:hover {text-decoration:underline;color:#ff0000}
</style>

da ich aber verschiedene textfarben in einer seite habe möchte ich auch das diese dem entsprechend unterschiedlich unterstrichen werden.

also
tabelle 1 grüner link und underline
tabelle 2 roter link und underline

hat jemand ne ahnung

 

[womstar]

so?

#tabelle1 {text-decoration:none;color:#999999}
#tabelle1:hover {text-decoration:underline;color:#ff0000}

#tabelle2 {text-decoration:none;color:#663366}
#tabelle2:hover {text-decoration:underline;color:#ffffcc}

<a href=seite.html id=tabelle1>link</a>
<a href=seite.html id=tabelle2>link</a>

 

[payton]

hab den dreamweaver und da kann ich ja meine verschiedenen text formate in einer externen css datei anlegen.

geht das auch für die links, sodas ich z. B. drei verschiedene linkfarben mit dem jeweiligen hover hab und diese grad immer nach gebrauch auswählen kann.

 

[sanchez]

wie wäre es mit Klassen?

also:
a.eins:hover {text-decoration:underline;color:#ff0000}
a.zwei:hover {text-decoration:underline;color:#ffff00}

<a href="bla.htm" class="eins">klick</a>
<a href="bla2.htm" class="zwei">klick</a>

 

[payton]

dann muss ich se aber immer noch alle von hand eingeben oder mach ich was falsch.

 

[sanchez]

jo...du mußt halt jedem eine klasse zuweisen...

 

[payton]

geht des nicht so wie im dreamweaver die externen css dateien die, die textformate enthalten

 

[sanchez]

das ist ja css...es gibt in css halt klassen, die eineme attribut (z.b. links) zwei verschieden eigenschaften zuweisen können...daher klassen, das hat nix mit dreamweaver oder so zu tun...

 

[ZeitGeist]

externe css-datei:

.LinkKlasseEins
{
  bla
  bla
  bla
}
.LinkKlasseEins:hover
{
  bla
  bla
  bla
}
.LinkKlasseZwei
{
  bla
  bla
  bla
}
.LinkKlasseZwei:hover
{
  bla
  bla
  bla
}

html-seite:

<a href="" class="LinkKlasseEins">ein link im 1. Style</a>
<a href="" class="LinkKlasseZwei">der hat leider nur 2. Style(ätsch)</a>

verstanden?? ansonsten http://de.selfhtml.org/css/formate/zentrale.htm#klassen

 

[sanchez]

so hatte ich es ja auch geschrieben...