Avatar billede boysen Nybegynder
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

Avatar billede ahv Nybegynder
06. januar 2002 - 17:58 #1
vil du bare have en anden farve på dit link ?
Avatar billede ahv Nybegynder
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>
Avatar billede boysen Nybegynder
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
Avatar billede boysen Nybegynder
06. januar 2002 - 18:06 #4
Her er et link:
http://www.bursell.dk/rokkerne/medlemmer.shtml

/Michael Boysen
Avatar billede ahv Nybegynder
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.
Avatar billede ahv Nybegynder
06. januar 2002 - 18:13 #6
Den øverste af <A HREF=\"http://www.ahv.f2s.com\">Skifter Farve :o)</a><br>

skal selvfølgelig hedde :

<A HREF=\"http://www.ahv.f2s.com\">Skifter IKKE Farve :o)</a><br>

Bare lige en lille rettelse *G*
Avatar billede boysen Nybegynder
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
Avatar billede boysen Nybegynder
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
Avatar billede ahv Nybegynder
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\">

&nbsp;
</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.
Avatar billede boysen Nybegynder
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
Avatar billede ahv Nybegynder
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
Avatar billede boysen Nybegynder
06. januar 2002 - 19:12 #12
jo, det skulle jeg mene jeg allerede har gjort......prøver lige igen :-)

/Michael Boysen
Avatar billede ahv Nybegynder
06. januar 2002 - 19:20 #13
hos mig reagere de alle sammen når man holder musen over så bliver de tyrkis
Avatar billede boysen Nybegynder
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
Avatar billede ahv Nybegynder
06. januar 2002 - 19:29 #15
De skrifer alle sammen hos mig til tyrkis jeg kærer IE 5.5
Avatar billede boysen Nybegynder
06. januar 2002 - 19:36 #16
Siden validerer også, så jeg fatter minus :-(

Tester lige på en anden IE 6.0

/Michael Boysen
Avatar billede boysen Nybegynder
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
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