Søg
Avatar billede dramsgaard Nybegynder
11. juni 2002 - 19:58 Der er 12 kommentarer og
2 løsninger

problemer med CSS

Jeg har linket et typografiark til en webside jeg er ved at lave, og det er meningen at linkene skal skifte farve når musen føres hen over dem.
Af en eller anden grund virker det kun så længe man ikke har haft trykket på linkene. Hvad er problemet?

Jeg har lidt svært ved at gennemskue hvad jeg har gjort forkert, da jeg har gjort det massere af gange før uden problemer.

her er et uddrag af css koden:
body { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000000}
a:active { color: #000000; text-decoration: underline} a:hover { color: #CCCCCC; text-decoration: none}
a:link { color: #000000; text-decoration: underline} a:visited { color: #000000; text-decoration: underline}
Avatar billede 7th Praktikant
11. juni 2002 - 20:00 #1
Du har glemt et ; til sidst, prøv igen...

a:link {color: #000000; text-decoration: underline;}
a:active {color: #000000; text-decoration: underline;}
a:visited {color: #000000; text-decoration: underline;}
a:hover {color: #CCCCCC; text-decoration: none;}
Avatar billede dramsgaard Nybegynder
11. juni 2002 - 20:09 #2
det løser ikke problemet.....
Avatar billede 7th Praktikant
11. juni 2002 - 20:10 #3
Prøv at smide koden for den side der er problemer med.
Avatar billede dramsgaard Nybegynder
11. juni 2002 - 20:16 #4
Det der indtil nu er lavet på siden ligger på:

www.dramsgaard.hjem.wanadoo.dk/skovly
Avatar billede 7th Praktikant
11. juni 2002 - 20:26 #5
Det kan jeg ikke lige svare på.
Mit umiddelbare gæt hvis jeg lige skulle skyde ud i den blå luft er, at mouse/onclick funktionen skaber en eller anden form for konflik.
Avatar billede pelkjaer Nybegynder
11. juni 2002 - 21:03 #6
Problemet opstår når du samtidig definerer en visited farve - lad være med med det. Det er rigelig med blot:

a:link {color: #000000; text-decoration: underline;}
a:hover {color: #CCCCCC; text-decoration: none;}

For lige at slå det fast, så er det *ikke* nødvendigt med tegnet ";" på en afsluttende kode. Det behøves kun hvis der er flere "funktioner".
Men det er heller ikke forkert at bruge ";" ved en afslutning. Begge er lige rigtigt.
Avatar billede dramsgaard Nybegynder
11. juni 2002 - 23:31 #7
hmm... ja, det er rigtigt at a:hover effekten kommer til at virke, men når a:visited ikke bliver difineret, bliver farven på linket lilla (standard) istedet for sort....
Avatar billede dsjk Novice
12. juni 2002 - 08:38 #8
så skal du lave en general definition for a
a {color: #000000; text-decoration: underline;}

dsjk
Avatar billede pelkjaer Nybegynder
12. juni 2002 - 11:22 #9
dsjk>> a og a:link er det samme.

dramsgaard>> Prøv at lave en class til menu'en istedet:

.menu {
  color: #000000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-decoration: none;           
}

.menu a{
  color: #000000;
  text-decoration: underline;
}

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

------------------------------------------------------

<a href="forside.htm" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('hp1','','pic/gif/pil_orange_ned_lys.gif',0)" target="iframe" class="menu">forside</a>
Avatar billede dsjk Novice
12. juni 2002 - 11:28 #10
Jeg havde samme problem, og satte a {...} inf hos mig og det virkede, jeg har nu:

a {text-decoration:none; color: #000000}
a:link { color: #000000;}
a:hover {  color: #666666; border-style: none}
a:active {  color: #660033; border-style: none}

dsjk
Avatar billede pelkjaer Nybegynder
12. juni 2002 - 11:37 #11
a og a:link er det samme. Period.
Avatar billede dsjk Novice
12. juni 2002 - 11:40 #12
det er meget muligt, men det hjalp alligevel hos mig.
Avatar billede dramsgaard Nybegynder
12. juni 2002 - 17:22 #13
det ser ud til at begge forslag virker....tak for hjælpen
Avatar billede dsjk Novice
12. juni 2002 - 17:47 #14
ingen årsag.

takker for point :O)

dsjk
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
Programmeringssprog kurser
Kurser inden for grundlæggende programmering
Se alle Programmeringssprog kurser

Flere spørgsmål fra Programmeringsværktøjer kategorien

Titel Indlæg Oprettet Seneste aktivitet
TTY - EMULATOR FOR WINDOWS XP Af snestrup2000 i Programmeringsværktøjer 2 08/02/202615:24 08/02/202618:46
Capcha problemer Af Asky i Programmeringsværktøjer 0 02/03/202517:21 -
senior Af Uroda i Programmeringsværktøjer 1 22/06/202418:29 23/06/202413:17
Sort Skærm Af Kaj Sondrup i Programmeringsværktøjer 5 25/02/202421:45 27/02/202420:17
DATA (D) Af rene1111 i Programmeringsværktøjer 3 21/02/202415:03 22/02/202409:08
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
31/0310:22 Makro der gemmer vedhæftet fil fra Msg og omdøber filen Af lokesa i Excel
30/0313:45 Kablet forbindelse mellem android telefon og windows 11 pc Af 1Dorte i Android
30/0312:04 Elementtype vises - og ikke billedet? Af hkprofil i Billedbehandling
29/0312:08 Problemer med replay af købte kursusvideoer Af annam i Browsere
28/0311:18 DENVER DVB-tMPEG-4 HD TUNER Af ole falsted i Fjernsyn & projektorer
White papers
Flere white papers »