Avatar billede fc-dong Nybegynder
26. marts 2002 - 09:41 Der er 12 kommentarer og
1 løsning

CCS Styles

Jeg har et lille problem med mit eksternt style sheet.
Det hele virker sådan rigtig nok, men lige så snart jeg skal til at lave mouseover på min link, så de skifter farve går det galt. Problemet er at den laver alle mine links om til den sammen.
Hvad gør man hvis man ville have forskellige mouseover effekter på diverse links på ens side.....
Det gældet sådan set alle fire type som den man normalt kan oprette i Dreamweaver 4
-----------------------------
A:link {text-decoration: none; color: #cccccc;}
        A:visited {text-decoration: none; color: #cccccc;}
        A:active {text-decoration: none; color: #808080;}
        A:hover {text-decoration: none; color: White;}
-----------------------------------
Det er de fire som ikke virker efter hensigt...
Håber der er nogen som kan komme med et fornuftig svar
Avatar billede staz Nybegynder
26. marts 2002 - 09:48 #1
Du laver en der hedder fx.  a.nytlink:visited {text-decoration: none; color: #cccccc;

Så tilføjer du dine link en class så sådan her class=a.nytlink

Så kan du lave alle dem du gerne vil have... Håber det kan hjælpe.

---- Staz ----
Avatar billede fc-dong Nybegynder
26. marts 2002 - 10:01 #2
Hej igen
Jeg får ikke lov til at lave det du siger.
Jeg siger - Make custorm style (class) men den skal starte med .navn
du siger den skal hedde - a.nytlink:hover  det får jeg ikke love til....
Avatar billede pelkjaer Nybegynder
26. marts 2002 - 10:49 #3
Lav en class hvori du også definerer link og hover sådan:

<style type="text/css">
<!--
.one { 
  background-color: #FFFFFF;
  color: #666666;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  text-decoration: none
}

.one a{ 
  background-color: #FFFFFF;
  color: #666666;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  text-decoration: none
}

.one a:hover{ 
  background-color: #FFFFFF;
  color: #CCCCCC;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  text-decoration: underline
}
-->
</style>

Og derefter blot:

<p class="one">Hejsa</p>

Dem kan du lave ligeså mange af som du vil.
Avatar billede fc-dong Nybegynder
26. marts 2002 - 11:02 #4
Jeg er lidt forvirret lige nu....?
Den måde som du skriver på nu, kan det laves i Dreamweaver 4 med deres egen style sheet.....
Jeg kan godt lave min egen stylle sheet, men det er trods alt lidt nemmere at arbejde med Dreamweavers, hvis det virker
Avatar billede staz Nybegynder
26. marts 2002 - 11:02 #5
Ok pelkjaer har givet dig løsningen, men du skulle bare fjerne a´et... Der kan jo ikke ske noget ved at experimentere :o)

---- Staz ----
Avatar billede fc-dong Nybegynder
26. marts 2002 - 11:22 #6
Der er et eller ander jeg ikke forstår ved det her...
Den i nævner ovenover. Er det en externt style sheet, og er den lavet i Dreamweaver 4, for mig ser den ud som om den er skrevet i notepad....
Jeg har siddet og læst om det i nogen af mine bøger, men jeg har ikke fattet hvordan de tre måder man kan gøre det i Dreamweaver.
1. Make custorm style (class)
2. Redifine HTML tag
3. Use css selector
den første kan man definere fint og lige så mange man vil, men så snart man vil lave mouseover på dem, ja så bliver de alle sammen ens.....
Den sidste af de tre, er det hvor jeg har mulighed for at bestemme hvordan de fire skal se ud
        A:link {text-decoration: none; color: #cccccc;}
        A:visited {text-decoration: none; color: #cccccc;}
        A:active {text-decoration: none; color: #808080;}
        A:hover {text-decoration: none; color: White;}

????
Avatar billede pelkjaer Nybegynder
26. marts 2002 - 11:29 #7
Ovenstående er skrevet i Dreamweaver, jeg strukturerer bare altid selv min kode bageefter i codeview.

Du er nødt til at se Dreamweaver som et hjælpemiddel, ikke andet. Du er nødt til at skulle i codeview indimellem.
Avatar billede fc-dong Nybegynder
26. marts 2002 - 11:33 #8
ok, jeg vil prøve. Men jeg er nok lidt forvirret over, at man ikke kan definere link, hover, active og visited direkte når man oprette en class
Avatar billede pelkjaer Nybegynder
26. marts 2002 - 11:35 #9
Du laver bare en alm. class (.navn) i DW.

Derefter smutter du i codeview, kopierer css,en, paster den ind lige under og tilføjer så "a" eller "a:hover" osv. Det er da ikke svært :o)
Avatar billede fc-dong Nybegynder
26. marts 2002 - 11:43 #10
Nej du har ret, men jeg har en halvstor style sheet, men der er nok ikke andet at gøre, end at slette det hele og så starte forfra..

Skal den altid hedde a:active - må man ikke bruge b:active..?
Avatar billede pelkjaer Nybegynder
26. marts 2002 - 11:45 #11
Nej, ikke b :o)
Avatar billede pelkjaer Nybegynder
26. marts 2002 - 11:46 #12
a og a:link er det samme
active er når musetasten holdes nede
hover er onmouseover
visited er tidligere besøgt link
Avatar billede fc-dong Nybegynder
26. marts 2002 - 11:47 #13
ok.
Så er den ved at være på plads
Jeg takker for hjælpen
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
Kurser inden for grundlæggende programmering

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