Avatar billede aspbegynder Nybegynder
04. maj 2002 - 20:38 Der er 8 kommentarer og
1 løsning

Udbygning af link-kode

Hej

Hvordan udbygges nedenstående kode, så den kan gøre følgende:

1) Teksten skal være "sort" ved ikke-besøgt (og fortsætte med at være uden "understregning", som den allerede er kodet til at gøre nu).

2) Teksten blive "understreget" når musen køres hen over den.

3) Teksten skal blive "grå" og være uden "understregning" ved "visited".

4) Teksten skal blive "blå" og være "understreget" ved "active".

KODEN:
<style type="text/css">

a:link {
      text-decoration: none;
      }

a:hover {
      text-decoration: none;
      }


a:visited {
      text-decoration: none;
      }

a:active {
      text-decoration: none;
      }

</style>
Avatar billede 123abc123 Nybegynder
04. maj 2002 - 20:43 #1
skal se sådan her ud:

<style type="text/css">

a:link {
      text-decoration: none; color: black
      }

a:hover {
      text-decoration: underline; color: black
      }


a:visited {
      text-decoration: none; color: gray
      }

a:active {
      text-decoration: none; color: blue
      }

</style>
Avatar billede 123abc123 Nybegynder
04. maj 2002 - 20:44 #2
<style type="text/css">

a:link {
      text-decoration: none; color: black
      }

a:hover {
      text-decoration: underline; color: black
      }


a:visited {
      text-decoration: underline; color: gray
      }

a:active {
      text-decoration: underline; color: blue
      }

</style>


glemte lige understregningen
Avatar billede cdc Novice
04. maj 2002 - 20:44 #3
A:LINK {
    font-family: Verdana,Arial;
    font-size: 10px;
    font-style: normal;
    text-decoration : none;
    color: #000000;}
   
  A:VISITED { color: #c0c0c0;
}
  A:HOVER { text-decoration : underline; color: #000000;
}
  A:ACTIV { text-decoration : underline; color: #0000FF;
Avatar billede 123abc123 Nybegynder
04. maj 2002 - 20:45 #4
<style type="text/css">

a:link {
      text-decoration: none; color: black
      }

a:hover {
      text-decoration: underline; color: black
      }


a:visited {
      text-decoration: none; color: gray
      }

a:active {
      text-decoration: underline; color: blue
      }

</style>

even, det kører sq for mig
Avatar billede aspbegynder Nybegynder
04. maj 2002 - 20:56 #5
Det virker jo fint. Kan man også få den del af et links, som jeg i mit tilfælde vælger at være fed, til at være blå - med andre ord at den sorte "almindelige" tekst forbliver som den er nu, mens de fedede ord i linket bliver blå. Kan det lade sig gøre?
Avatar billede aspbegynder Nybegynder
04. maj 2002 - 20:58 #6
...den del af et links = den del af et link :-)
Avatar billede cdc Novice
04. maj 2002 - 21:02 #7
A:ACTIV { text-decoration : underline; color: #0000FF; font-weight: bold; }
05. maj 2002 - 01:19 #8
aspbegynder >>
ved at indsætte display: blocK; kan du formattere dine links som et blockelement med CSS.

http://www.w3.org/TR/CSS2/
Avatar billede aspbegynder Nybegynder
06. maj 2002 - 18:43 #9
Et ekstra spørgsmål til dem, som har lyst og tid:
http://www.eksperten.dk/spm/207956
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