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 ?
Annonceindlæg fra Immeo
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>
27. august 2006 - 13:41
#2
Og brug istedet for "cursor: pointer" så virker det også i andre browser en IE
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
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.
27. august 2006 - 14:28
#5
Nå, så får Notes det hele.
Vi tilbyder markedets bedste kurser inden for webudvikling