06. januar 2002 - 17:56
Der er
16 kommentarer og 1 løsning
CSS - sikkert ret simpelt
Hvordan er det nu lige, at jeg laver en speciel class for A? Jeg har tildelt nogle overordnede egenskaber, og har så prøvet f.eks.: A.link:hover { color:#5FC9BB; } Mit link ser således ud: <TD CLASS=\"mainsize12\"><A HREF=\"mailto:kingrask@wanadoo.dk\" CLASS=\"link\">Skriv til Kasper</A></TD> Hvad er det jeg gør galt? Håber I fatter hvad jeg mener :-) /Michael Boysen
Annonceindlæg fra itavis
06. januar 2002 - 17:58
#1
vil du bare have en anden farve på dit link ?
06. januar 2002 - 18:01
#2
hvis ja, så skal det se sådan her ud :
<head>
<style type=\"text/css\">
<!--
a:link {
color: #3399cc;text-decoration: none;
}
-->
</style>
</head>
<body>
<A HREF=\"
http://www.ahv.f2s.com\">LinkFarve :o)</a>
06. januar 2002 - 18:04
#3
Jeg vil have, at linket skifter farve ved hover, men kun det link jeg specificerer. Den løsning jeg har prøvet, gør at alle links på siden bliver understreget, selvom jeg også bruger følgende: A.link:active, A:link, A:visited { text-decoration:underline; } På resten af siden bruger jeg: A:active, A:hover, A:link, A:visited { text-decoration:none; color:#CCCCCC; } Håber du forstår?! /Michael Boysen
06. januar 2002 - 18:06
#4
06. januar 2002 - 18:08
#5
<head>
<style type=\"text/css\">
<!--
a.link:hover {
color: #800000;text-decoration: underline;
}
-->
</style>
</head>
<body>
<A HREF=\"
http://www.ahv.f2s.com\">Skifter Farve :o)</a><br>
<A HREF=\"
http://www.ahv.f2s.com\" class=\"link\">Skifter Farve :o)</a>
den virker, tror det er det store A det skal være et lille a.
06. januar 2002 - 18:20
#7
ok du har sikkert ret, men det spiller overhovedet ikke her. Prøv at kig på siden. Alle e-mail adresserne skal skifter farve, når musen er over, men de øvrige links kun skal skifte farve og udseende i tabelcellen. /Michael Boysen
06. januar 2002 - 18:21
#8
For at pensle det ud......der skal kun opleves en forskel, når der er mouseover på tabelcellen. /Michael Boysen
06. januar 2002 - 18:43
#9
Sådan her ? <!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.0//EN\"> <HTML> <HEAD> <TITLE>Medlemmer</TITLE> <meta http-equiv=\"Content-Type\" content=\"text/html; charset=iso-8859-1\"> <style type=\"text/css\"> <!-- a:link { color: #2E78AF;text-decoration: none; } a:visited { color: #2E78AF;text-decoration: none; } a:active { color: #2E78AF;text-decoration: underline; } a:hover { color: #800000;text-decoration: underline; } a.link:hover { color: #3399cc;text-decoration: underline; } --> </style> </HEAD> <BODY> <TABLE WIDTH=\"100%\" BORDER=\"0\" CELLSPACING=\"0\" CELLPADDING=\"0\"> <TR VALIGN=\"top\"> <TD ALIGN=\"center\"> <TABLE WIDTH=\"750\" BORDER=\"0\" CELLSPACING=\"0\" CELLPADDING=\"0\"> <TR> <!-- Toplogo start --> <TD COLSPAN=\"3\"><IMG SRC=\"rokkerne2.jpg\" WIDTH=\"750\" HEIGHT=\"80\" ALT=\"Fiskeklubben Rokkerne\"></td> <!-- Toplogo slut --> </TR> <TR> <td VALIGN=\"top\" CLASS=\"menu\"> <!-- Venstremenu start --> <TABLE WIDTH=\"120\" BORDER=\"0\" CELLSPACING=\"0\" CELLPADDING=\"2\"> <TR> <TD CLASS=\"border1\"> <A HREF=\"index.shtml\">Velkommen</A> </TD> </TR> <TR> <TD ALIGN=\"left\" CLASS=\"size12\" style=\"background-color: #336677;\" onMouseOver = \"this.style.backgroundColor=\'#508080\';\" onMouseOut = \"this.style.backgroundColor=\'#336677\';\"> <A HREF=\"historie.shtml\">Historie</A> </TD> </TR> <TR> <TD ALIGN=\"left\" CLASS=\"size12\" style=\"background-color: #336677;\" onMouseOver = \"this.style.backgroundColor=\'#508080\';\" onMouseOut = \"this.style.backgroundColor=\'#336677\';\"> <A HREF=\"medlemmer.shtml\">Medlemmer</A> </TD> </TR> <TR> <TD CLASS=\"border1\"> Aktiviteter </TD> </TR> <TR> <TD ALIGN=\"left\" CLASS=\"size12\" style=\"background-color: #336677;\" onMouseOver = \"this.style.backgroundColor=\'#508080\';\" onMouseOut = \"this.style.backgroundColor=\'#336677\';\"> Seneste tur </TD> </TR> <TR> <TD ALIGN=\"left\" CLASS=\"size12\" style=\"background-color: #336677;\" onMouseOver = \"this.style.backgroundColor=\'#508080\';\" onMouseOut = \"this.style.backgroundColor=\'#336677\';\"> Program </TD> </TR> <TR> <TD ALIGN=\"left\" CLASS=\"size12\" style=\"background-color: #336677;\" onMouseOver = \"this.style.backgroundColor=\'#508080\';\" onMouseOut = \"this.style.backgroundColor=\'#336677\';\"> Mesterskabet </TD> </TR> <TR> <TD ALIGN=\"left\" CLASS=\"size12\" style=\"background-color: #336677;\" onMouseOver = \"this.style.backgroundColor=\'#508080\';\" onMouseOut = \"this.style.backgroundColor=\'#336677\';\"> Bedrifter </TD> </TR> <TR> <TD ALIGN=\"left\" CLASS=\"size12\" style=\"background-color: #336677;\" onMouseOver = \"this.style.backgroundColor=\'#508080\';\" onMouseOut = \"this.style.backgroundColor=\'#336677\';\"> Billeder </TD> </TR> </TABLE> <!-- Venstremenu slut --> </td> <TD VALIGN=\"top\" CLASS=\"main\"> <TABLE WIDTH=\"100%\" BORDER=\"0\" CELLSPACING=\"0\" CELLPADDING=\"2\"> <TR> <TD CLASS=\"border\"> </TD> </TR> <!-- Mainside start --> <TR> <TD> <TABLE WIDTH=\"502\" CELLSPACING=\"0\" CELLPADDING=\"0\"> <TR> <TD CLASS=\"mainsize12over\">Navn</TD> <TD CLASS=\"mainsize12over\">Titel</TD> <TD CLASS=\"mainsize12over\">Send e-mail</TD> </TR> <TR> <TD CLASS=\"mainsize12\">Michael Boysen</TD> <TD CLASS=\"mainsize12\">Formand</TD> <TD CLASS=\"mainsize12\"><A HREF=\"mailto:boysen@kvalme.dk\">Skriv til Boysen</A></TD> </TR> <TR> <TD CLASS=\"mainsize12\">Kasper Rask</TD> <TD CLASS=\"mainsize12\">Bestyrelse</TD> <TD CLASS=\"mainsize12\"><A HREF=\"mailto:kingrask@wanadoo.dk\" CLASS=\"link\">Skriv til Kasper</A></TD> </TR> <TR> <TD CLASS=\"mainsize12\">Henrik Schwalm</TD> <TD CLASS=\"mainsize12\">Menigt medlem</TD> <TD CLASS=\"mainsize12\"><A HREF=\"mailto:gd.henrik@e-mail.dk\" CLASS=\"link\">Skriv til Henrik</A></TD> </TR> <TR> <TD CLASS=\"mainsize12\">Jonas Hansen</TD> <TD CLASS=\"mainsize12\">Bestyrelse</TD> <TD CLASS=\"mainsize12\"><A HREF=\"mailto:jjh@udd.fredersem.dk\" CLASS=\"link\">Skriv til Jonas</A></TD> </TR> <TR> <TD CLASS=\"mainsize12\">Matias Madsen</TD> <TD CLASS=\"mainsize12\">Menigt medlem</TD> <TD CLASS=\"mainsize12\"><A HREF=\"mailto:mlang@ruc.dk\" CLASS=\"link\">Skriv til Matias</A></TD> </TR> <TR> <TD CLASS=\"mainsize12\">Jan Fahlgren</TD> <TD CLASS=\"mainsize12\">Menigt medlem</TD> <TD CLASS=\"mainsize12\"><A HREF=\"mailto:jfahlgren@forum.dk\" CLASS=\"link\">Skriv til Jan</A></TD> </TR> </TABLE> </TD> </TR> <!-- Mainside slut --> </TABLE> </TD> <td VALIGN=\"top\" CLASS=\"menu\"> <!-- Undermenu start --> <TABLE WIDTH=\"120\" BORDER=\"0\" CELLSPACING=\"0\" CELLPADDING=\"2\"> <TR> <TD CLASS=\"border1\"> Billeder </TD> </TR> <TR> <TD ALIGN=\"left\" CLASS=\"size12\" style=\"background-color: #336677;\" onMouseOver = \"this.style.backgroundColor=\'#508080\';\" onMouseOut = \"this.style.backgroundColor=\'#336677\';\"> Michael Boysen </TD> </TR> <TR> <TD ALIGN=\"left\" CLASS=\"size12\" style=\"background-color: #336677;\" onMouseOver = \"this.style.backgroundColor=\'#508080\';\" onMouseOut = \"this.style.backgroundColor=\'#336677\';\"> Kasper Rask </TD> </TR> <TR> <TD ALIGN=\"left\" CLASS=\"size12\" style=\"background-color: #336677;\" onMouseOver = \"this.style.backgroundColor=\'#508080\';\" onMouseOut = \"this.style.backgroundColor=\'#336677\';\"> Henrik Schwalm </TD> </TR> <TR> <TD ALIGN=\"left\" CLASS=\"size12\" style=\"background-color: #336677;\" onMouseOver = \"this.style.backgroundColor=\'#508080\';\" onMouseOut = \"this.style.backgroundColor=\'#336677\';\"> Jonas Hansen </TD> </TR> <TR> <TD ALIGN=\"left\" CLASS=\"size12\" style=\"background-color: #336677;\" onMouseOver = \"this.style.backgroundColor=\'#508080\';\" onMouseOut = \"this.style.backgroundColor=\'#336677\';\"> Matias Madsen </TD> </TR> <TR> <TD ALIGN=\"left\" CLASS=\"size12\" style=\"background-color: #336677;\" onMouseOver = \"this.style.backgroundColor=\'#508080\';\" onMouseOut = \"this.style.backgroundColor=\'#336677\';\"> Jan Fahlgren </TD> </TR> </TABLE> <!-- Undermenu slut --> </td> </TR> <!-- Bund start --> <TR> <TD CLASS=\"border2\"> <BR> </TD> <TD CLASS=\"border2\" ALIGN=\"center\"> Fiskeklubben Rokkerne </TD> <TD CLASS=\"border2\"> <BR> </TD> </TR> <!-- Bundslut --> </TABLE> </TD> </TR> </TABLE> </BODY> </HTML> Det er koden fra den side du skrev, har lavet det om så nu er det kun formanden\'s email der skifter farve.
06. januar 2002 - 19:07
#10
Ok jeg har rettet det lidt til, men jeg fatter ikke hvorfor den øverste og den nederste adresse ikke reagerer....hmmm...måske er jeg bare lidt for stenet til at fatte det nu :-) Kan du forklare finde/fejlen? /Michael Boysen
06. januar 2002 - 19:10
#11
Kan du ikke uploade det du har rettet så jeg kan se det ? ellers er det svært at finde fejlen
06. januar 2002 - 19:12
#12
jo, det skulle jeg mene jeg allerede har gjort......prøver lige igen :-) /Michael Boysen
06. januar 2002 - 19:20
#13
hos mig reagere de alle sammen når man holder musen over så bliver de tyrkis
06. januar 2002 - 19:28
#14
hmmm....det gør de ikke her :-( For lige at være helt sikker, drejer det sig om \"Skriv til Boysen\" og \"Skriv til Jan\" der ikke virker hos mig. Har lige testet i Opera 6.0, og der virker det minsandten....har du testet i IE 6.0? Jeg fatter ikke en meter, men prøver lige at validere siden. /Michael Boysen
06. januar 2002 - 19:29
#15
De skrifer alle sammen hos mig til tyrkis jeg kærer IE 5.5
06. januar 2002 - 19:36
#16
Siden validerer også, så jeg fatter minus :-( Tester lige på en anden IE 6.0 /Michael Boysen
06. januar 2002 - 20:40
#17
Nu har jeg testet i både IE 6.0 og 5.5 på andre maskiner, og det virker upåklageligt. Det er lidt sværere at finde fejl, når siden ikke kan vises rigtigt - har jeg erfaret :-) Tak for hjælpen - satser på det som det er nu. /Michael Boysen
Vi tilbyder markedets bedste kurser inden for webudvikling