Avatar billede want2learn Nybegynder
17. marts 2004 - 21:38 Der er 13 kommentarer og
3 løsninger

2 farvede link

ja dette spm er evt lidt sjovt eller...............ja hvad du nu synes det er ;)

jeg har lige pt dette til link:

A.menu:link {
    Color: #000000;
    Font-Family: Tahoma;
    Font-Size: 11px;
    Text-Decoration: none;
}

A.menu:visited {
    Color: #000000;
    Font-Family: Tahoma;
    Font-Size: 11px;
    Text-Decoration: none;
}

A.menu:hover {
    Color: #999999;
    Font-Family: Tahoma;
    Font-Size: 11px;
    Text-Decoration: underline;
}

det jeg gerne vil er at hvis jeg har et link som "InfoXP"
så vil jeg have at info er sort og XP rødt.
men at hover er som nu men at den viser dem med den 2 farvede funktion.

kan det lade sig gøre webguruer !?
Avatar billede Slawomir Seniormester
17. marts 2004 - 21:50 #1
det var da et godt spørgsmål? :-)
Avatar billede viciodk Praktikant
17. marts 2004 - 22:03 #2
<html>
<head>
<style type="text/css"><!--
a.menu:link {
    font-family: Tahoma;
    font-size: 11px;
    text-decoration: none;
}

.foerste {
    color: #000000;
}

.anden {
    color: #ff0000;
}

a.menu:visited {
    color: #000000;
    font-family: Tahoma;
    font-size: 11px;
    text-decoration: none;
}

A.menu:hover {
    color: #999999;
    font-family: Tahoma;
    font-size: 11px;
    text-decoration: underline;
}
//-->
</style>
</head>

<body>
<a href="http://www.eksperten.dk" class="menu"><span class="foerste">Info</span><span class="anden">XP</span></a>
</body>
</html>
Avatar billede viciodk Praktikant
17. marts 2004 - 22:09 #3
Ups, det var da ikke rigtigt.
Avatar billede want2learn Nybegynder
17. marts 2004 - 22:13 #4
nej så virker hover ikke
Avatar billede want2learn Nybegynder
17. marts 2004 - 22:14 #5
men selve link eff. ser rigtig ud ;)
Avatar billede Slawomir Seniormester
17. marts 2004 - 22:16 #6
det virker fint her :-)
Avatar billede want2learn Nybegynder
17. marts 2004 - 22:17 #7
ikke hover effekten den vises kun som en understreg og det er hele ordet der skal blive gråt !!
Avatar billede viciodk Praktikant
17. marts 2004 - 22:22 #8
Sig til hvis dette ikker virker ordentligt:

<html>
<head>
<style type="text/css"><!--
a.menu:link, a.menu:visited {
    font-family: Tahoma;
    font-size: 11px;
    text-decoration: none;
}
a.menu:link .foerste {
    color: #000000;
}

a.menu:link .anden {
    color: #ff0000;
}
a.menu:visited .foerste {
    color: #000000;
}

a.menu:visited .anden {
    color: #000000;
}
a.menu:hover {
    font-family: Tahoma;
    font-size: 11px;
    text-decoration: underline;
}
a.menu:hover .foerste, a.menu:hover .anden {
    color: #000000;
}
//-->
</style>
</head>

<body>
<a href="http://www.sadasdasdasd.dk" class="menu"><span class="foerste">Info</span><span class="anden">XP</span></a>
</body>
</html>
Avatar billede viciodk Praktikant
17. marts 2004 - 22:29 #9
Har allerede selv fundet en fejl. Du skal lige ændre

a.menu:hover .foerste, a.menu:hover .anden {
    color: #000000;
}

til

a.menu:hover .foerste, a.menu:hover .anden {
    color: #999999;
}
Avatar billede want2learn Nybegynder
17. marts 2004 - 22:30 #10
det virker bedre end det andet viciodk men nu bliver min Text-Decoration: underline; blå når jeg laver en hover men ellers virker det !!
Avatar billede want2learn Nybegynder
17. marts 2004 - 22:30 #11
ja den så jeg også selv den der ;)
Avatar billede viciodk Praktikant
17. marts 2004 - 22:33 #12
Prøv:

<html>
<head>
<style type="text/css"><!--
a.menu:link, a.menu:visited {
    font-family: Tahoma;
    font-size: 11px;
    text-decoration: none;
}
a.menu:link .foerste {
    color: #000000;
}

a.menu:link .anden {
    color: #ff0000;
}
a.menu:visited .foerste {
    color: #000000;
}

a.menu:visited .anden {
    color: #000000;
}
a.menu:hover {
    color: #999999;
    font-family: Tahoma;
    font-size: 11px;
    text-decoration: underline;
}
a.menu:hover .foerste, a.menu:hover .anden {
    color: #999999;
}
//-->
</style>
</head>

<body>
<a href="http://www.sadadsdasdasd.dk" class="menu"><span class="foerste">Info</span><span class="anden">XP</span></a>
</body>
</html>
Avatar billede want2learn Nybegynder
17. marts 2004 - 22:39 #13
VICIODK

DU ER FOR VILD :D mannnnn sådan det siger jeg bare ;) TAK DU !! DU har sku fortjent de P ;)

Brug dem fornuftigt :P
Avatar billede viciodk Praktikant
17. marts 2004 - 22:41 #14
Så lidt. - Det skal jeg gøre ;)
Avatar billede want2learn Nybegynder
17. marts 2004 - 22:41 #15
du får lige noget MG karma oveni du ;)
Avatar billede viciodk Praktikant
17. marts 2004 - 22:42 #16
Så siger jeg mange tak :)
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
Kurser inden for grundlæggende programmering

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