verschiedene Link-Styles auf einer Seite
Isa
- css
0 Jan0 Frank Schönmann0 Patrick
Hallo Forum!
Folgende Problemstellung:
Ich habe auf einer Seite mehrere Tabellen mit Links. Im Normalfall sollen alle Links normal (unterstrichen) sein.
In einer Tabelle möchte ich jedoch keine Unterstreichung der Links, und der Text soll beim Zeigen rot sein.
Dazu habe ich folgende Style-Angaben im Head verwendet:
-----
<STYLE>
A:hover {
COLOR: #ff0000;
}
A:link {
COLOR: #000000; TEXT-DECORATION: none
}
</STYLE>
-----
Nun werden aber -logischerweise- alle Links auf der Seite so dargestellt.
Wer kennt sich gut mit CSS aus, und kann mir sagen, wie ich den gewünschten Effekt erzielen kann?
Danke!
Isa
Hi Isa!
Solltest Dir mal SelfHTML gründlich durchlesen, da steht das alles drin. Du musst verschiedene Klassen definieren.
Du hast dann zB Links mit <a class="a" href=..... und mit a class="b" href.....
In den Styles fügst Du es dann so ein:
a.Klassenname:link
Also in meinem Bespiele wäre es:
a.a:link und a.b:link
Gruß, Jan
hi!
Ich habe auf einer Seite mehrere Tabellen mit Links. Im Normalfall
sollen alle Links normal (unterstrichen) sein.
In einer Tabelle möchte ich jedoch keine Unterstreichung der
Links, und der Text soll beim Zeigen rot sein.
<../../tdbb.htm#a2>
Dazu habe ich folgende Style-Angaben im Head verwendet:
<STYLE>
A:hover {
»» COLOR: #ff0000;
}
A:link {
»» COLOR: #000000; TEXT-DECORATION: none
}
</STYLE>Nun werden aber -logischerweise- alle Links auf der Seite so
dargestellt. Wer kennt sich gut mit CSS aus, und kann mir sagen,
wie ich den gewünschten Effekt erzielen kann?
=== cut ===
<style>
A.extra:hover {
color: #ff0000;
}
</style>
<a>Einfacher Link ohne Hover</a>
<a class="extra">Spezieller Link mit Hover</a>
=== cut ===
Und das nächste mal bitte vorher im Archiv und SELFHTML nachschauen.
bye, Frank!
Hallo Frank!
Und das nächste mal bitte vorher im Archiv und SELFHTML nachschauen.
Und in der Forumsauslese: <../../sfausles/tsfa_tba.htm#a11> und
<../../sfausles/tsfa_tba.htm#a12>
;-)
Bis danndann
PAF (patrickausfrankfurt)
<img src="/selfaktuell/extras/selfcomm.jpg" alt=""> http://www.atomic-eggs.com/selfspezial/guests/advguest.cgi?view
<img src="http://www.atomic-eggs.com/selfspezial/atomicegg.gif" alt="Atomic Eggs - die humosophische Seite" style="cursor:hand;" onMouseUp="window.location.href='http://www.atomic-eggs.com/'" onmouseover="status='http://www.atomic-eggs.com/';return true;" onmouseout="status='';return true;">