 |
|
|---|---|
OSS for d.e.i.webdesign |
|
|
|---|---|
OSS for d.e.i.webdesign |
Tænk dig godt om, før du prøver at slå understregning af links fra. Understregning anvendes i udpræget grad til at angive links og i det øjeblik det fjernes, vil læseren måske ikke opfatte at der virkelig er et link.
Indsæt følgende i <HEAD>:
<STYLE TYPE="text/css"><!--
A.link { text-decoration: underline; }
A.active { text-decoration: none; }
A.visited { text-decoration: none; }
--></STYLE>
Ret til alt efter hvorvidt de forskellige linktyper skal
være med eller uden understregning.
De eneste udbredte browsere, hvor ovenstående har nogen
virkning er IE4.0 og NN4.0. I IE3.0 er det kun muligt
at vælge at alle linktyper enten skal være understregede
eller ikke. Dette gøres med
<STYLE TYPE="text/css"><!--
A { text-decoration: none; }
--></STYLE>
I stil med understregning af links
skal man passe på med denne effekt. Læseren bliver let
forvirret, hvis der kommer for mange forskellige farver.
Indsæt følgende i <HEAD>:
<STYLE TYPE="text/css"><!--
A.set1:link {color: #ff00ff; background: none transparent;}
A.set1:active {color: #ffffff; background: none transparent;}
A.set1:visited {color: #ff0000; background: none transparent;}
A.set2:link {color: #ffff00; background: none transparent;}
A.set2:active {color: #ffff00; background: none transparent;}
A.set2:visited {color: #00ffff; background: none transparent;}
--></STYLE>
Og angiv de forskellige links som følger:
<A HREF="foo.bar" CLASS=set1>Link af type 1</A> <A HREF="foo.bar" CLASS=set2>Link af type 2</A>
Ovenstående virker ikke i IE3.0, men er efterprøvet i IE4.0 og NN4.0.
Microsoft har lavet en tilføjelse til CSS1, der hedder hover.
Den virker pt. (2/4-98) ikke i andre browsere end IE4.0 og
kan virke generende på IE3.0-brugere.
For at få et element til at ændre udseende, når musen føres
over dem, kan man i <HEAD> indsætte
noget i stil med:
<STYLE TYPE="text/css"><!--
A:hover { text-decoration: none;
color: #ff0000;
background: none #000000; }
--></STYLE>
Problemet med dette er at IE3.0-brugere vil få præsenteret alle deres link med rød tekst, sort baggrund og uden understregning, hvilket næppe er ønskeligt. Det kan kompenseres for dette, men løsningen er lidt kompliceret.
Det er også muligt at efterligne ovenstående i Netscapes browser, men det er i praksis så besværligt at det næppe er brugbart i praksis. Tag et kig på løsningen hos WebReference.
Redigeret af: Toke Eskildsen
Sidst ændret: 25. marts 1999