Avatar billede eksplayer Nybegynder
21. oktober 2003 - 11:40 Der er 8 kommentarer og
1 løsning

Brug af CSS

Hej

Jeg har lavet et CSS der bestemmer farve, font osv. på mine links på min hjemmeside. Men det betyder også at ALLE links på siden bliver ens, hvilket jeg gerne vil lave om på. Jeg har 3-4 links på en side der skal se anderledes ud, mit spg. er så:

Kan man skrive noget foran det enkelte link, som det så retter sig efter, og så at det ser bort fra mit CSS?
Avatar billede eksplayer Nybegynder
21. oktober 2003 - 11:41 #1
dvs. jeg vil gerne have link og hover effekt på en anden måde....
Avatar billede jensendk Nybegynder
21. oktober 2003 - 11:42 #2
du kan lave en seperat CSS  for dine linktyper.

Et eksempel:

a.link, a.link:visited {
    text-decoration: none;
    }

a.boxentry:visited {
    color:black;
    background-color:#D0D0D0;
    margin:0px;
    }

Links, der forekommer i tekst med classen link får et udseende,  boxentry et andet..
Avatar billede exp Juniormester
21. oktober 2003 - 11:54 #3
a {
  color : red;
  text-decoration : none;
}
a:hover {
  text.decoration : underline;
}
.link a:hover{
  color : blue
}

<span><a href="#">Link</a></span>
<span class="link"><a href="#">Link</a></span>
Avatar billede exp Juniormester
21. oktober 2003 - 11:55 #4
Lille fejlrettelse:
a {
  color : red;
  text-decoration : none;
}
a:hover {
  text-decoration : underline;
}
.link a:hover{
  color : blue
}
Avatar billede eksplayer Nybegynder
21. oktober 2003 - 12:10 #5
jensendk: tror ikke rigtig at jeg forstår hvordan
exp: er ved at prøve din løsning....
Avatar billede eksplayer Nybegynder
21. oktober 2003 - 12:14 #6
exp: WUHUUU DET VIRKER - sidder med et kæmpe smil - takker for hjælpen :) - smid lige et svar
Avatar billede exp Juniormester
21. oktober 2003 - 12:27 #7
okay ;-)
Avatar billede eksplayer Nybegynder
21. oktober 2003 - 16:18 #8
lige en lille ting mere: kan du forklare hvad span er/gør?
Avatar billede exp Juniormester
21. oktober 2003 - 19:50 #9
<span>Omkranser en tekst, lidt ligesom hvis du skriver al teksten på en post-it-note</span>

Forskellen på <div> og </span> er, at <span> er et inline-element, dvs. teksten udenfor fortsætter på samme linie.

Prøv fx at skrive dette ind i et htm-dokument og se forskellen:

Lorem ipsum dolor sit amet, <span style="border:1px solid black;">consectetuer adipiscing elit. In</span> commodo. Vivamus est metus, condimentum et, tristique id, iaculis consectetuer, ipsum. <div style="border:1px solid black;">Morbi augue turpis, semper ac, eleifend</div> quis, hendrerit sed, quam. Donec interdum, sapien id adipiscing faucibus, orci velit molestie justo, non blandit pede justo vel lectus. Aliquam interdum molestie urna. Aliquam neque sem, volutpat sed, condimentum consectetuer, porttitor at, risus.

SOm du kan se så står det hele i en linie, <span>-tagget fortsætter på samme linie, mens <div>-tagget ombryder teksten
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