Notifikationer

Markér alle som læst Log ud

phonic Nybegynder

26. juli 2006 - 17:20 Der er 17 kommentarer og
1 løsning

farve fra css stylesheet vises ikke korrekt?

Jeg har kastet mig ud i at bruge css til min simple hjemmeside. i starten viste IE fint de farver som jeg skrev ind i css stylesheet'et men nu gider den ikke noget som helst med farver. textstørrelse og liniehøjde fungerer fint... Hvad har jeg gjort forkert?

http://www.raum.dk/stylestest.htm (teksten skulle blive rød når der er mouseover)

stylesheet'et kan ses her : http://www.raum.dk/resources/raum.css

Synes godt om

thesurfer Nybegynder

26. juli 2006 - 17:26 #1

Forkert rækkefølge.. Det skal være:

link
visited
active
hover

Synes godt om

thesurfer Nybegynder

26. juli 2006 - 17:27 #2

Og så skal du også have en DOCTYPE (regelsæt) på siden:

http://www.htmlhelp.com/tools/validator/doctype.html

Synes godt om

thesurfer Nybegynder

26. juli 2006 - 17:29 #3

Altså:

1) Doctype (første linie i dokumentet):
Jeg plejer at bruge: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

2) Rækkefølge:
link
visited
active
hover

3) Valider siden (Ret de fejl den finder):
http://validator.w3.org/

Synes godt om

phonic Nybegynder

26. juli 2006 - 17:30 #4

@ thesurfer : har jeg lige ændret - virker ikke...

Synes godt om

phonic Nybegynder

26. juli 2006 - 17:33 #5

Desuden burde det vel virke uden doctype?

Synes godt om

thesurfer Nybegynder

26. juli 2006 - 17:49 #6

Det er pga ".text_link":

.text_link { font-family: "Verdana", "Arial", "Helvetica", "sans-serif"; font-size: 9px; color: #000000; text-decoration: none; line-height: 12px}
a.menu:link { text-decoration: none; color: #000000}
a.menu:hover { text-decoration: none; color: #717171}
a.menu:active { text-decoration: none; color: #000000}
a.menu:visited { text-decoration: none; color: #000000}
a.menu:visited:hover { text-decoration: none; color: #717171}
a.menu:visited:active { text-decoration: none; color: #000000}

Der står "menu".. :-)

Synes godt om

phonic Nybegynder

26. juli 2006 - 17:55 #7

shit en nedtur fejl - men nogen gange stirrer man sig bare blind på sådanne ting! Vil ikke sige, hvor lang tid jeg har bøvlet med det, for det er simpelthen for pinligt, men det er længe!

Synes godt om

phonic Nybegynder

26. juli 2006 - 17:57 #8

øh, hvordan giver jeg dig point?

Synes godt om

thesurfer Nybegynder

26. juli 2006 - 18:01 #9

Jeg lægger et svar.. du markerer mit navn i boksen til venstre, og klikker derefter på Accepter-knappen.. :-)

Synes godt om

thesurfer Nybegynder

26. juli 2006 - 18:02 #10

Jeg vil anbefale at du læser:

Ekspertens regler: http://www.eksperten.dk/regler.phtml
Brug af Eksperten (ExpFAQ): http://www.expfaq.dk

Synes godt om

thesurfer Nybegynder

26. juli 2006 - 18:06 #11

Jeg takker for points :-)

Held og lykke med brugen af Eksperten. (husk at læse de to links)

Synes godt om

phonic Nybegynder

26. juli 2006 - 18:11 #12

det er skam mig der takker :-)

(er igang med dine links...)

Synes godt om

mclemens Nybegynder

26. juli 2006 - 18:16 #13

Mon ikke disse css linjer kunne rettes fra:

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

a.text_link:link { text-decoration: none; color: #999999}
a.text_link:hover { text-decoration: none; color: #cc3300}
a.text_link:active { text-decoration: none; color: #999999}
a.text_link:visited { text-decoration: none; color: #999999}
a.text_link:visited:hover { text-decoration: none; color: #cc3300}
a.text_link:visited:active { text-decoration: none; color: #999999}

... Til:

a.menu { text-decoration: none; color: #999999}
a.menu:hover { text-decoration: none; color: #666666}

a.text_link { text-decoration: none; color: #999999}
a.text_link:hover { text-decoration: none; color: #cc3300}

Synes godt om

mclemens Nybegynder

26. juli 2006 - 18:17 #14

Kortere:

a.menu { text-decoration: none; color: #999999;}
a.menu:hover {color: #666666;}

a.text_link { text-decoration: none; color: #999999;}
a.text_link:hover {color: #cc3300;}

Synes godt om

mclemens Nybegynder

26. juli 2006 - 18:20 #15

Umiddelabrt kan du også gøre sådan her:


<a href="http://www.raum.dk/newstest.htm">news </a>
<a href="http://www.raum.dk/cvtest.htm">cv </a>
<a href="http://www.raum.dk/arch.htm">architecture </a>
<a href="http://www.raum.dk/phot.htm">photography </a>

<a href="http://www.raum.dk/graph.htm">graphic design </a>
<a href="http://www.raum.dk/music.htm">music </a>
<a href="http://www.raum.dk/contact.htm">contact </a>
<a href="http://www.raum.dk/links.htm">links </a>


og så css:

#menu a { text-decoration: none; color: #999999;}
#menu a:hover {color: #666666;}

a.text_link { text-decoration: none; color: #999999;}
a.text_link:hover {color: #cc3300;}

... så sparer du class defineringer...

Synes godt om

roenving Novice

27. juli 2006 - 10:06 #16

PS. Strandløven er kommet til at skrive forkert rækkefølge ind i trådens 1. og 3. indlæg, den rigtige (som også er brugt i kodestumperne !-) er:

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

Synes godt om

thesurfer Nybegynder

27. juli 2006 - 13:58 #17

Dammit.. jeg troede lige at det var den rækkefølge.. :-)

Synes godt om

roenving Novice

28. juli 2006 - 15:40 #18

-- og den udvidede forklaring lyder:

a -- alle a-tags
a:link -- a-tags, der har en href-attribut med noget i
a:visited -- a-tags med en href, som browseren har besøgt på det seneste
a:hover -- links med musen over
a:active -- links, hvor museknappen er nedtrykket (i IE indtil noget andet får fokus !-)

-- og af det fremgår, at :active kun kan forekomme, hvis også :hover er aktiv, hvorfor :active ikke aktiveres i de fleste browsere, hvis der er byttet om på dem !o]

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

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.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS