Søg
Avatar billede colman Nybegynder
20. august 2002 - 10:46 Der er 14 kommentarer og
1 løsning

Links style ??

Hej jeg vil gerne have to forskellige slags links på min side. Jeg har følgende 2 styles (eks.):

.butik{
Color: #000000;
Font-family: Arial, Helvetica, Verdana, Sans-serif;
Font-size: 7pt;
}

.tekst{
Color: #DDDDDD;
Font-family: Arial, Helvetica, Verdana, Sans-serif;
Font-size: 9pt;
}

Kan man få dem til at være hver deres farve når de er links ?? Og hver sin hover farve ???

Eks.

.text:hover{
xxxxxxxxxxxxx
}

.text:link{
xxxxxxxxxxxxxxx
}

Eller lignende ??? Jeg kan ikke få det til at fungere !!!!
Avatar billede sthen Nybegynder
20. august 2002 - 10:51 #1
Du kan f.eks. skrive:


A.wo:link        {color:#ffffff; text-decoration:none;}
A.wo:visited      {color:#ffffff; text-decoration:none;}
A.wo:active      {color:#ffffff; text-decoration:none;}
A.wo:hover        {color:#ffffff; text-decoration:none;}


og derefter i dit tag skrive

<A CLASS="wo" HREF="din_fil.htm">klik_her</A>
Avatar billede sthen Nybegynder
20. august 2002 - 10:52 #2
Og hvis den skal skifte farve:

A.wo:link        {color:#ffffff; text-decoration:none;}
A.wo:visited      {color:#aaaaaa; text-decoration:none;}
A.wo:active      {color:#000000; text-decoration:none;}
A.wo:hover        {color:#123456; text-decoration:none;}
Avatar billede colman Nybegynder
20. august 2002 - 10:53 #3
ok tester lige ;)
Avatar billede bamzen Nybegynder
20. august 2002 - 10:54 #4
eller en optimeret version

A.wo:link,a.wo:visited,a.wo:active{color:#FFFFFF;text-decoration:none}
a.wo:hover{color:#003366;text-decoration:none}

hvor wo er dit class navn fra din href
Avatar billede sthen Nybegynder
20. august 2002 - 11:01 #5
>> bamzen

Bemærk lige, at jeg i mit CSS har fire FORSKELLIGE link-farver.
Avatar billede bamzen Nybegynder
20. august 2002 - 11:03 #6
Ja, men den kommetar er først skrevet efter jeg påbegyndte mit svar ;-)

og det var nu også mere bare til orientering om hvordan du kunne have optimeret dit stylesheet, så det ikke krævede så meget kode.....
Avatar billede bamzen Nybegynder
20. august 2002 - 11:05 #7
og i din første havde du kun 1 farve ;-)
Avatar billede sthen Nybegynder
20. august 2002 - 11:07 #8
Jeps, men det var da også en fejl fra en copy-paste.
Men OK ingen slagsmål, jeg forklarer bare hvorfor jeg har delt den ud på fire seperate linier.
Din forklaring om optimering er selvfølgelig også vedkommende her.
Avatar billede bamzen Nybegynder
20. august 2002 - 11:13 #9
Takker.....
Jeg bruger den i hvertfald meget på det megasite jeg roder med nu.... damn det er ved at være et sindsygt stylesheet...... Og her ønsker kunden kun at links skal skifte mellem 2 farver, for hver klasse, en en farve for hover, og en for resten.... og så var det jeg så et sted man kunne optimere på den måde, og det virker kanont.....
Avatar billede bamzen Nybegynder
20. august 2002 - 11:16 #10
og ellers, må det vel også være mere optimalt med

a.wo:link,a.wo:visited,a.wo:active{text-decoration:none}
a.wo:link{color:#000000}
a.wo:visited{color:#333333}
a.wo:active{color:#999999}
a.wo:hover{color:blue}

ikke meget at spare, men lidt har også ret ;-)
Avatar billede colman Nybegynder
20. august 2002 - 11:20 #11
Hmmm begge kvalificerede og gode svar jo. Jeg bliver nødt til at give svar til den første der svarede...selvom bamzen's var mere "optimeret".... Håber det er ok. Tak for hjælpen gutter ;)
Avatar billede bamzen Nybegynder
20. august 2002 - 11:22 #12
Naturligvis er det ok
Avatar billede jakoba Nybegynder
20. august 2002 - 11:38 #13
en anden mulighed er blot at skrive  a.wo  ved de styles alle skal have:

a.wo { text-decoration:none; }
a.wo:link { color:#000000; }
a.wo:visited { color:#333333; }
a.wo:active { color:#999999; }
a.wo:hover { color:blue; }

mvh JakobA
Avatar billede bamzen Nybegynder
20. august 2002 - 11:43 #14
Du er for sej JakobA, nu lærte jeg sgisme også noget idag
Avatar billede colman Nybegynder
20. august 2002 - 11:47 #15
cool tak for det ;)
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
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 16:15 Internet forsvinder hele tiden Af TTA i Internetforbindelser
23/0920:49 Fejl på Tv2 Play Af Bukse i Browsere
23/0918:11 VB, Lægge 2 celler sammen og skrive den i cellen ved side af Af MC3390 i Excel
21/0910:39 DBA er ikke hvad det tidligere var - desværre! Af ErikHg i Fri debat
18/0919:52 Libre office skriveprogram Af Frank i Office & Kontorpakker
White papers
Flere white papers »