Avatar billede evers Nybegynder
04. oktober 1999 - 21:47 Der er 14 kommentarer og
1 løsning

brug af class i style sheets

Jeg har har et problem med brugen af classes i mine style sheet dokumenter.
Problemet opstod da jeg skulle lave to links på en side som skulle se forskellige ud. Ingen store problemer der da ma jo kan bruge classes. Problemet kommer hvis jeg f.eks. vil have at linkene skal understreges når jeg køre musen over dem. Kan man bruge to classes på et link og hvordan skal det så se ud.
Hvis der er andre alternativer vil jeg da også gerne høre dem.
Avatar billede dkkarpen Nybegynder
04. oktober 1999 - 21:53 #1
Hvorfor vil du bruge to classes? Kan du ikke vise et eksempel på din kode?
Avatar billede evers Nybegynder
04. oktober 1999 - 21:57 #2
.link1
{color:red;
font.size:15px;
}
Skal jeg så ikke også have en class
som hedder noget lignende
.link1:hover eller hvad?
Avatar billede dkkarpen Nybegynder
04. oktober 1999 - 22:03 #3
Kan du ikke bare lave en style="hover { color:#8FCFEF; }"?

Eller i <head>:

A:hover { color:#8FCFEF; }

Avatar billede dkkarpen Nybegynder
04. oktober 1999 - 22:04 #4
Ja du laver bare et .link2 f.eks.

Der definerer du en anden event ved dit link
Avatar billede evers Nybegynder
04. oktober 1999 - 22:05 #5
men jeg har jo to links som begge skal være forskellige
altså
.link1 og
.link2
Avatar billede dkkarpen Nybegynder
04. oktober 1999 - 22:06 #6
Hvis du vil have to classes på dit link definerer du bare din style i <a href="link.htm" style="definition af dit css">
Avatar billede evers Nybegynder
04. oktober 1999 - 22:13 #7
den forstod jeg ikke helt rigtig,
skal den se sådan ud
<a href="link.htm" style="link1.css, link1:hover.css"> eller hvad mener du?
Avatar billede dkkarpen Nybegynder
04. oktober 1999 - 22:16 #8
Nej du kan f.eks. skrive:

<A HREF="menu_historie.htm" style="font-family:arial;font-size:10px;color:#FFFFFF;">
Avatar billede razor Nybegynder
04. oktober 1999 - 22:23 #9
jeg bruger:
    A {color: Maroon; text-decoration: underline;}
    A:link {color: Maroon; text-decoration: underline;}
    A:visited {color: Maroon; text-decoration: underline;}
    A:hover    {text-decoration: underline; color: Red;}
    A.menu {color: #F6C500; text-decoration: underline;}
    A.menu:link {color: #F6C500; text-decoration: underline;}
    A.menu:visited {color: #F6C500; text-decoration: underline;}
    A.menu:hover    {text-decoration: underline; color: Red;}

og så class="menu"
og ingenting i den anden
Avatar billede evers Nybegynder
04. oktober 1999 - 22:23 #10
ja men det skal jo ændres når musen køre over linket hvis du forstår hvad jeg mener
Avatar billede evers Nybegynder
04. oktober 1999 - 22:26 #11
jeg har to links
link1
og link2
det ene skal være en farve og det andet skal være en anden.
når jeg så køre musen over linkene skal de gerne ændre på sig så de f.eks. ændre farve eller bliver understreget.
Avatar billede dkkarpen Nybegynder
04. oktober 1999 - 22:30 #12
Så laver du f.eks. bare:

A:hover { color:#8FCFEF; }
A.link2:hover {color:#FFFFFF; }
Avatar billede evers Nybegynder
04. oktober 1999 - 22:35 #13
jeg tror ikke rigtig jeg har fortalt det ordentlig mit style sheet dok. ser sådan ud

.link1 {color:red;
font-decoration:none;
}
.link
Avatar billede dkkarpen Nybegynder
04. oktober 1999 - 22:38 #14
Hvad skal .link gøre?

Avatar billede dkkarpen Nybegynder
04. oktober 1999 - 22:43 #15
Nå - jeg hopper af nu. Jeg må se på det i morgen ;-)
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