Avatar billede petercj Nybegynder
06. april 2005 - 10:50 Der er 7 kommentarer

Hvordan kombinerer jeg dette CSS med et link-tag?

Hej Alle

Jeg har følgende CSS:

.forretningsomraader_forside {
font-family: Verdana, Arial, Helvetica, Sans-serif;
font-size: 11px;
color: #000000;
line-height: 16px;
text-decoration: none;
margin-left: 0px;
margin-right: 0px;
margin-top: 3px;
margin-bottom: 0px}

Problemet er at alle mine links inden for området bliver med fed, hvordan undgår jeg det? Kan man lave et link-tag der tager sig af dette?

/Peter
Avatar billede alister_crowley Nybegynder
06. april 2005 - 10:54 #1
a.forretningsomraader_forside
{
font-family: Verdana, Arial, Helvetica, Sans-serif;
font-size: 11px;
color: #000000;
line-height: 16px;
text-decoration: none;
margin-left: 0px;
margin-right: 0px;
margin-top: 3px;
margin-bottom: 0px
}

<a class="forretningsomraader_forside" href="hej.html">hejhej</a>
Avatar billede roenving Novice
06. april 2005 - 10:59 #2
Måske nærmere:

.forretningsomraader_forside{
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 11px;
  color: #000;
  line-height: 16px;
  text-decoration: none;
  margin: 3px 0 0 0;
}
.forretningsomraader_forside a{
  font-weight:normal;
}
Avatar billede alister_crowley Nybegynder
06. april 2005 - 11:00 #3
tjoo, afhænger vel af forståelsen af spørgsmålet :)

Mit angive for et enkelt link, roenvings er for et helt område (bare så spørger ikke er i tvivl)
Avatar billede canedo Nybegynder
06. april 2005 - 11:07 #4
kan du ikke bruge den her metode, som jeg plejer at anvende når jeg skal bruge flere forskellige type links på et site:

Den generelle style først:
a:link {text-decoration: underline;color: #000000}
a:visited {text-decoration: underline;color: #000000}
a:hover {text-decoration: underline;color: #000000}
a:active {text-decoration: underline;color: #000000}


og efterfølgende den specielle:
a:link.white {text-decoration: underline;color: #FFFFFF}
a:visited.white {text-decoration: underline;color: #FFFFFF}
a:hover.white {text-decoration: underline;color: #FFFFFF}
a:active.white {text-decoration: underline;color: #FFFFFF}


når du skal bruge den specille type gør du så såden her:
<a style="white" href...></a>
Avatar billede alister_crowley Nybegynder
06. april 2005 - 11:18 #5
canedo

Du kan nøjes med 1 a tag istedet for 3 :P

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

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

Hover er jo en slags mouseover effekt, så den bør være anderledes eller fjenes helt.
Avatar billede roenving Novice
06. april 2005 - 11:33 #6
-- eller den anden mulighed for at differentiere:

a, a:link, a:visited{color:blue;text-decoration:none;}
a:hover{color:red;text-decoration:underline;}
a:active{text-decoration:overline underline;}

.menu a, .menu a:link, .menu a:visited{color:#ddd;text-decoration:none;font-weight:bold;}
.menu a:hover{color:#777;text-decoration:underline;}
.menu a:active{text-decoration:overline underline;}

-- og så links inde i et element med class="menu":

<a href="#">Almindeligt link</a>

<div class="menu">
  <a href="#">Specielt link</a>
</div>

-- nu har jeg bare brugt menu-eksemplet, da det viser den mest normale differentiering !-)
Avatar billede roenving Novice
06. april 2005 - 11:36 #7
-- og i det sidste tilfælde skriver man ikke flere bogstaver i sit stylesheet end det, som canedo viste, men færre i sin html-kode, hvis der skal være flere links (som der f.eks. oftest er i en menu !-)

-- desuden vil visse browsere have problemer, hvis ikke pseudo-selektorerne :hover osv. er det sidste i en selektor, altså f.eks.:

a.white:active {text-decoration: underline;color: #fff}
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

Seneste spørgsmål Seneste aktivitet
I dag 10:21 Ny printer, men hvilken Af mort1 i Printere
I går 19:41 USB på Linux Af Uvanga i Linux
12/0818:26 Hvilken type mus Af mort1 i PC
11/0813:21 ms Forms Af leahcim i Andet software
10/0821:30 Blokeret på Snapchat? Af LineP i Chat & Messaging