Avatar billede joeblack Nybegynder
27. august 2006 - 13:33 Der er 4 kommentarer og
1 løsning

Forskellige links virker ikke

Hej alle

Nu har jeg prøvet og prøvet at få 2 forskellige links. Jeg har læst nok samtlige sider på e.dk om emnet, men skidtet vil bare ikke virke.

Koden på css:

    a:link {font-family: trebuchet MS; font-size: 12px; color: #000000; text-decoration: underline; }
    a:active {font-family: trebuchet MS; font-size: 12px; color: #000000; text-decoration: none; }
    a:visited {font-family: trebuchet MS; font-size: 12px; color: #000000; text-decoration: underline; }
    a:hover {font-family: trebuchet MS; font-size: 12px; color: #000000; text-decoration: underline; }

    a.nymenu:link {font-family: trebuchet MS; font-size: 12px; color: #000000; text-decoration: none; }
    a.nymenu:active {font-family: trebuchet MS; font-size: 12px; color: #000000; text-decoration: none; }
    a.nymenu:visited {font-family: trebuchet MS; font-size: 12px; color: #000000; text-decoration: none; }
    a.nymenu:hover {font-family: trebuchet MS; font-size: 12px; color: #6699FF; text-decoration: none; }

og i html'en:

        <table width="740" border="0" cellpadding="0" cellspacing="0">
          <tr >
            <a class="nymenu" href="default.asp?sessionid=<% = sessionid %>"><td width="80" style="cursor: hand;"><div align="center">Forside</div></td></a>
          </tr>
        </table>

Og jeg har prøvet at sætte class'en i table, tr, td og div-tags, men uden held...

Hvorfor f... virker det ikke ?
Avatar billede notes2c Nybegynder
27. august 2006 - 13:40 #1
Dit anker skal inden for dit <td> tag

<table width="740" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="80" style="cursor: hand;"><a class="nymenu" href="default.asp?sessionid=<% = sessionid %>"><div align="center">Forside</div></a></td>
</tr>
</table>
Avatar billede notes2c Nybegynder
27. august 2006 - 13:41 #2
Og brug istedet for "cursor: pointer" så virker det også i andre browser en IE
Avatar billede jesper-moeller Nybegynder
27. august 2006 - 13:49 #3
Først og fremmest er rækkefølgen forkert

skal være
:link
:visited
:hover
:active

( Du kan altid huske dette med "i LoVe HA" )

----------
a:link {font-family: trebuchet MS; font-size: 12px; color: #000000; text-decoration: underline; }
a:active {font-family: trebuchet MS; font-size: 12px; color: #000000; text-decoration: none; }
a:visited {font-family: trebuchet MS; font-size: 12px; color: #000000; text-decoration: underline; }
a:hover {font-family: trebuchet MS; font-size: 12px; color: #000000; text-decoration: underline; }

bør se nogenlunde sådanher ud

a:link {font-family: trebuchet MS; font-size: 12px; color: #000000; text-decoration: underline; }
a:visited {font-family: trebuchet MS; font-size: 12px; color: #000000; text-decoration: underline; }
a:hover {font-family: trebuchet MS; font-size: 12px; color: #000000; text-decoration: underline; }
a:active {font-family: trebuchet MS; font-size: 12px; color: #000000; text-decoration: none; }

active er når du har kliket på linket så hvis underlinien også skal forsvinde når man peger på det, skal hover også have text-decoration: none

det hele kan skrives sådanne
a  {font-family: trebuchet MS; font-size: 12px; color: #000000; }
a:link, a:visited { text-decoration: underline; }
a:hover, a:active { text-decoration: none; }

og anden halvdel således
a.nymenu {font-family: trebuchet MS; font-size: 12px; text-decoration: none; }
a.nymenu:link, a.nymenu:visited { color: #000000; }
a.nymenu:hover, a.nymenu:active { color: #6699FF; }

den første linie i hver (a og a.nymenu) sætter de regler der altid gælder i linket
Avatar billede joeblack Nybegynder
27. august 2006 - 13:59 #4
Hej begge

Notes-> Din løsning virker - jeg takker !

Jesper-> Jeg har ikke prøvet din, men smid lige et svar så du kan få lidt point for forsøget.
Avatar billede joeblack Nybegynder
27. august 2006 - 14:28 #5
Nå, så får Notes det hele.
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