Avatar billede maxsover Nybegynder
14. december 2003 - 21:45 Der er 12 kommentarer og
1 løsning

Et style til links

Hej.

Er der ikke en som kan lave en style, som gør sådan, at der ikke er streger under links.

Hvis i kan tilføje nogle fede effekter til linksene, så må i også gerne gøre det :P

Mvh
MaxSover
Avatar billede eagleeye Praktikant
14. december 2003 - 21:48 #1
Det kommer jo an på hvad fede effekter er ;)

men du fjerne linjen sådan her ved at indsætte det imellem <head> og </head>:

<STYLE TYPE="text/css">
<!--
a {text-decoration: none;}
-->
</STYLE>
Avatar billede werd Nybegynder
14. december 2003 - 21:48 #2
a {text-decoration:none;}
Avatar billede gil-galad Nybegynder
14. december 2003 - 21:48 #3
A:active{    color: #FFFFFF; text-decoration: none; font-family: verdana, arial, sans-serif; font-size: 14px;}

A:visited{    color: #FFFFFF; text-decoration: none; font-family: verdana, arial, sans-serif; font-size: 14px;}

A:hover{    color: #FFFFFF; text-decoration: none; font-family: verdana, arial, sans-serif; font-size: 14px;}

A:link{        color: #FFFFFF; text-decoration: none; font-family: verdana, arial, sans-serif; font-size: 14px;}


sådan er der aldrig underline under link'sne... du kan også ændre meget andet der i
Avatar billede gil-galad Nybegynder
14. december 2003 - 21:49 #4
svar
Avatar billede nak-m Nybegynder
14. december 2003 - 21:50 #5
spiffsen: det var da en stor skriftstørrelse, hva? :-)
Avatar billede gil-galad Nybegynder
14. december 2003 - 21:51 #6
jah lidt... se her http://spiff.users.whitehat.dk/
Avatar billede werd Nybegynder
14. december 2003 - 21:56 #7
der er mange måder at gøre noget på. Dine muligheder er at lægge noget style på de forskellige events som f.eks:

a.active (virker på et link der bliver trykket på)
a.visited (virker på alle besøgte links)
a.hover (virker når musen føres henover et link)
a.link (normalt link hvor ingen af de ovenstående kriterier er opfyldt)

du kan så lege lidt med farve ov understregning osv. på dem alle. F.eks:

a:link {color:00ffff; text-decoration:none;}
a:hover {color:blue; background-color:red;}
a:active {color:red;}
a:visited {text-decoration:line-through;}
Avatar billede maxsover Nybegynder
14. december 2003 - 22:00 #8
Werd--->

Kan du ikke gøre sådan, at et link bliver denne farve: #7FC3DA , når man har musen over den? også fjerne stregerne under?

så kunne jeg godt tænke mig at bruge den:P
Avatar billede maxsover Nybegynder
14. december 2003 - 22:05 #9
Du må også gerne gøre sådan, at der ikke er steget gennem selve linket, når man har haft trykket på det, da jeg har en lille skriftstørrelse, så bliver det utydeligt at læse.
Avatar billede roenving Novice
14. december 2003 - 22:06 #10
Hov, i har da helt kuk i rækkefølgen af de der pseudo-selectorer !-)

CSS læses _altid_ sådan, at kommer der et match bagefter, så overrides en tidligere definition, så den _eneste_ rækkefølge af pseudoerne er:

a /*Alle a-tags uanset type*/
a:link /*A-tags, som indeholder en HREF-attribut*/
a:visited /*a-tags, som indeholder et link, som stadig står i browserens sidst besøgt-liste*/
a:hover /*Når musen er henover*/
a:active /*Når museknappen trykkes ned på linket*/

-- så werds eksempel giver _kun_ mening, hvis

a:link {color:00ffff; text-decoration:none;}
a:visited {text-decoration:line-through;}
a:hover {color:blue; background-color:red;}
a:active {color:red;}
Avatar billede Slettet bruger
15. december 2003 - 01:33 #11
Og så bliver den rød-på-rød, mens man klikker på linket...
Avatar billede roenving Novice
15. december 2003 - 01:35 #12
Ja da, det står der jo i definitionen (som jeg absolut ikke havde kigget på !-)
Avatar billede maxsover Nybegynder
15. december 2003 - 10:39 #13
Werds forslag virkede... jeg rettede selv de ting i den, så werd får pointene
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester