Søg
Avatar billede kimlarsen Praktikant
22. juni 2002 - 03:15 Der er 15 kommentarer og
2 løsninger

Defination af links i CCS

Hej.

Jeg ville gerne kunne lave en defination via class i mit ccs, som gør at jeg kan definere 2 grupper af hyperlinks i mit ccs.

1 gruppe, hvor tekstfarven er #67C2A5, og hvor den skifter til #FFE763 når der hover´s over linket.

2 gruppe, er det samme, bare med en tekstfarve som er #9CF7FF

Jeg har prøvet og prøvet, men nu er jeg løbet sur i det !

PS. Kan man også definere link´s tekststørrelse til eks. vis at være 12 pkt. fed ?
Avatar billede sn0wflake Nybegynder
22. juni 2002 - 03:19 #1
Prøv at bruge dette:

<a href="lala"><span class="Hopla">Klik me</span></a>

... hvor Hopla er en CSS-class med farvekoderne.

BTW: Hvis du ikke ønsker nogle farver så skriv:

color:tranparent
Avatar billede sn0wflake Nybegynder
22. juni 2002 - 03:20 #2
En lille stavefejl, sorry:

color:tranparent = color:transparent
Avatar billede The Real Yoda Juniormester
22. juni 2002 - 03:20 #3
PS. JA
Avatar billede kimlarsen Praktikant
22. juni 2002 - 03:21 #4
Jeg tror du misforstår mig. Det er løsningen i selve ccs jeg er på jagt efter !

Jeg har lavet dette, men det virker ikke :-(

a.hoved {

    color: #67c2a5;

    a:link {
    color: yellow;
   
    text-decoration:none;
}

a:visited {
    color: #67C2A5;
   
    text-decoration:none;
}


a:hover {
    color:yellow;
   
   
}

}

a.under {

    color : #67c000;
   
    a:link {
    color: yellow;
   
    text-decoration:none;
}

a:visited {
    color: #67c2a5;
   
    text-decoration:none;
}


a:hover {
    color:yellow;
   
   
}

}
Avatar billede sn0wflake Nybegynder
22. juni 2002 - 03:22 #5
Tekststørrelser defineres ved at skrive:

font-size:12pt

... eller:

font-size:10px
Avatar billede sn0wflake Nybegynder
22. juni 2002 - 03:24 #6
Et meget godt tip. Valider din CSS på dette site:

http://jigsaw.w3.org/css-validator/validator-uri.html.en
Avatar billede nicofrench Nybegynder
22. juni 2002 - 03:38 #7
Hej jeg ville løse det således:
<style type="text/css">
<!--
.gruppe1 {
    color: #67C2A5;
}
.gruppe2 {
    color: #9CF7FF;
}
a:hover {
    color: #FFE763;
}
-->
</style>
</head>

håber det er noget du kan bruge...
Avatar billede nicofrench Nybegynder
22. juni 2002 - 03:39 #8
minus </head\ ...
Avatar billede nicofrench Nybegynder
22. juni 2002 - 03:40 #9
he he det går helt galt det her... minus </head> selfølgelig...
Avatar billede 7th Praktikant
22. juni 2002 - 03:56 #10
a.www:link {color: #67C2A5; text-decoration: none;}
a.www:active {color: #67C2A5; text-decoration: none;}
a.www:visited{color: #67C2A5; text-decoration: none;}
a.www:hover {color: #FFE763; text-decoration: none;}

a.xxx:link {color: #9CF7FF; text-decoration: none;}
a.xxx:active {color: #9CF7FF; text-decoration: none;}
a.xxx:visited{color: #9CF7FF; text-decoration: none;}
a.xxx:hover {color: #FFE763; text-decoration: none;}

<a href="www.htm" class="www">1. Link Class</a>

<a href="xxx.htm" class="xxx">2. Link Class</a>
Avatar billede sn0wflake Nybegynder
22. juni 2002 - 03:58 #11
Prøv:

<html>
<head>
<style type="text/css">
<!--
.gruppe1 {color:#666}
.gruppe2 {color:#999}
a:hover {color:transparent}
-->
</style>
</head>
<body>
<a href="bøfmedlaks"><span class="gruppe1">Klik mig så</span></a>
<a href="persilleål"><span class="gruppe2">Come on, mand</span></a>
</body>
</html>
Avatar billede sn0wflake Nybegynder
22. juni 2002 - 03:59 #12
...og det var et svar :)
Avatar billede 7th Praktikant
22. juni 2002 - 03:59 #13
Se http://activedeveloper.dk/artikler/default.asp?articleid=276 for hvordan du kan lave 12 pt bold font på en af dine classes. Du skal måske lige justerer dem engang, men princippet har du her ;)
Avatar billede and.vang Nybegynder
23. juni 2002 - 09:49 #14
Brug det eksemple 7th har lavet! Og lad vær' at bruge <span>, for class kan sagtens stå i a-tag'et (ligesom 7th skriver).

/Anders
Avatar billede and.vang Nybegynder
23. juni 2002 - 09:49 #15
øhh...og det var egentlig ikke noget svar...
Avatar billede kimlarsen Praktikant
23. juni 2002 - 13:11 #16
Tak for hjælpen til alle.
Avatar billede 7th Praktikant
23. juni 2002 - 19:51 #17
Det var så lidt ;)
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
Microsoft 365 kurser
Alle kurser indenfor Microsoft 365 – både til begyndere og øvede.
Se alle Microsoft 365 kurser

Flere spørgsmål fra Andet design kategorien

Titel Indlæg Oprettet Seneste aktivitet
En som kan designe et LegoKørekort? Af Chris i Andet design 7 30/10/202404:18 30/10/202414:10
3D foto til stl Af johnnylassen i Andet design 1 31/07/202313:32 31/07/202314:28
InDesign - Af Ajnbnb i Andet design 6 29/07/202209:29 01/08/202209:18
Kan man fremstille numre med en cirkel eller firkant om ? Af Ikke-ekspert i Andet design 6 04/04/202211:38 04/04/202222:11
Logo til kostvejleder Af Buchwald i Andet design 3 18/02/202217:41 20/02/202216:52
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 23:24 Google sheets beregning udfra dato Af rickiegrayholm i Office & Kontorpakker
I går 18:09 Outlook Classic, lukker ikke Af mort1 i E-mail programmer
13/0520:48 Bred buet skærm vs. 2 skærme Af Nanarsi i Skærme
13/0518:07 Tilslut printer til netværk med WPS - hvis WPS slukkes på Router mistes forbindelse. Af Uvanga i Wifi
11/0521:05 Questyle M15i lydforstærker Af valby i Diverse
White papers
Flere white papers »