Avatar billede overgreat Forsker
14. august 2003 - 11:24 Der er 6 kommentarer og
1 løsning

To slags links - er det muligt

Hej Alle

Jeg har et kort spørgsmål.

Jeg ønsker at vide om jeg kan lave to slags koder for mine links vha css.

Jeg tænker her på at en slags links skal være med en farve og en anden med en ny farve.

Er dette muligt?

På forhånd tak!
Avatar billede grunken Nybegynder
14. august 2003 - 11:30 #1
<style type"text/css">
    A.stat:link    {color: #3532A7;text-decoration: none;font-size: 10pt;font-family: Verdana;background-color: #C0C0C0;}
    A.stat:visited {color: #3532A7;text-decoration: none;background-color: #C0C0C0;font-size: 10pt;font-family:Verdana;}
    A.stat:hover  {color: #3532A7;text-decoration: none;background-color: #FFFFC0;font-size: 10pt;font-family:Verdana;}

    A.mini:link    {color: #3532A7;text-decoration: none;font-size: 8pt;font-family: Verdana;background-color: #C0C0C0;}
    A.mini:visited {color: #3532A7;text-decoration: none;background-color: #C0C0C0;font-size: 8pt;font-family:Verdana;}
    A.mini:hover  {color: #3532A7;text-decoration: none;background-color: #FFFFC0;font-size: 8pt;font-family:Verdana;}
</style>

<a class="stat" href="blblbal">hej</a>
<a class="mini" href="blblbal">hej</a>

o.s.v.
Avatar billede Jman Praktikant
14. august 2003 - 11:32 #2
det kan du godt
A:Visited{
    Color : #5F5F5F;
    Text-Decoration : underline;
    }

A:link{
    Color : #5F5F5F;
    Text-Decoration : underline;
    }

A:hover{
    Text-Decoration : underline;
    Color : #FF9900;
    }

A.manu:Visited{
    Color : #5F5F5F;
    Text-Decoration : underline;
    }

A.menu:link{
    Color : #5F5F5F;
    Text-Decoration : underline;
    }

A.manu:hover{
    Text-Decoration : underline;
    Color : #FF9900;
    }

Der hvor du så vil have den alternative (menu)link skal du blot skrive <a class="menu" href="dit-link">dit-link</a>
Avatar billede roenving Novice
14. august 2003 - 11:34 #3
>>superior

-- du har rod i dine pseudo-tags

Rækkefølgen _skal_ være

a
a:link
a:visited
a:hover
a:active

-- og så er det tilladt at forkorte:
a:link:visited

betyder
a:link _og_
a:visited
Avatar billede roenving Novice
14. august 2003 - 11:42 #4
-- og forøvrigt vil det oftest være en slags gruppering man har brug for, og så vil det være nemmere at:

.menu a:link:visited{
text-decoration:none;
color:#456;
}
.menu a:hover:active{
text-decoration:none;
color:#789;
}

.links a:link:visited{
text-decoration:none;
color:#654;
}
.links a:hover:active{
text-decoration:none;
color:#987;
}

For så kan man nøjes med at kalde f.eks. en div eller en tablerow (tr) med class="menu", så vil alle links inde i den få de tildelte karakteristika uden at have en class ...

<tr class="menu">
  <td>
    <a href="">link</a></td>
  <td>
    <a href="">link</a></td>
  <td>
    <a href="">link</a></td>
</tr>
Avatar billede overgreat Forsker
14. august 2003 - 12:30 #5
Hej Roenving

Jeg har prøvet det af, og din ide virker perfekt. Giver du et svar så får du pointene
Avatar billede roenving Novice
14. august 2003 - 12:45 #6
Velbekomme '-)
Avatar billede roenving Novice
14. august 2003 - 12:50 #7
-- og tak for points ;~}
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