Avatar billede -kris- Praktikant
31. juli 2003 - 09:20 Der er 5 kommentarer og
1 løsning

kan man definere flere link typer?

Hej,

Er det muligt på den samme side (eller i det samme style sheet) at definere to forskellige typer links, altså lidt a la at definere to overskriftstyper h1 og h2?
F.eks. link type 1 er sorte både før og efter "brug", uden understregning og bliver fede ved "mouse-over". Mens links type to er understregede, røde før "brug" og brune efter og også bliver fede ved "mouse-over".
Kan man det og hvordan skal det skrives (helst i style sheet alternativt på siden) - og hvordan skal man så skrive ved linksne for at fortælle om det er type 1 eller 2??
Har jeg fået formuleret mig forståeligt;-)

Hilsner
Kris
Avatar billede keysersoze Ekspert
31. juli 2003 - 09:28 #1
yep - fx;

a.linkMenu:link {
    color: #999999;
}

a.linkMenu:active {
    color: #999999;
}

a.linkMenu:visited {
    color: #999999;
}

a.linkMenu:hover {
    color: #999999;
}

a.leftMenu:link {
    color: #000000;
}

a.leftMenu:active {
    color: #000000;
}

a.leftMenu:visited {
    color: #000000;
}

a.leftMenu:hover {
    color: #000000;
}

så kan du putte enten class="linkMenu" eller class="leftMenu" på dit a-tag
Avatar billede -kris- Praktikant
31. juli 2003 - 09:47 #2
Tusind tak for perfekt svar.

Kristina
Avatar billede roenving Novice
31. juli 2003 - 14:37 #3
-- og den lidt lettere version er at udnytte css's arvelighed og nøjes med at sætte class på containeren (typisk en td, tr, table eller div) :

.linkMenu a:link:visited:active{
  color:#000;
  text-decoration:none;
}
.linkMenu a:hover{
  color:#000;
  text-decoration:none;
  font-weight:bold;
}
.leftMenu a:link:active{
  color:#f00;
  text-decoration:underline;
}
.leftMenu a:visited{
  color:#933;
  text-decoration:underline;
}
.leftMenu a:hover{
  color:#f00;
  text-decoration:underline;
  font-weight:bold;
}
hth
jes
Avatar billede roenving Novice
31. juli 2003 - 14:45 #4
>>keysersoze

-- du har forøvrigt en 'forkert' rækkefølge på dine pseudo-classes ...

Hvis man vil benytte :active til noget skal den være den sidste i rækkefølgen ellers kan man ligesågodt udelade den (jeg tager den dog også med uden at bruge den !-)

CSS fungerer nemlig på den måde at den bruger det match, som den finder som det sidste i sin gennemlæsning af et stylesheet, så hvis du har :active (som betyder: mens man trykker på linket!-) før :hover vil det være :hover som vil virke -- css-fortolkeren vil aldrig nå frem til :active -- den har et match på :hover !o]
Avatar billede keysersoze Ekspert
31. juli 2003 - 15:25 #5
nå ja - hov... det er korrekt :)

mht arvelighed; også helt korrekt i mit "eksempel" er det mere optimalt at gøre det på din måde - nu var det måske også et lidt dårlig eksempel jeg kom med, men det var bare for at få idéen i det :)

tak for rettelserne :)
Avatar billede roenving Novice
31. juli 2003 - 16:16 #6
;O)
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