Avatar billede need4speed Nybegynder
19. oktober 2004 - 15:36 Der er 9 kommentarer

forskellige links typer

Er det ikke noget med at man kan difinere flere links typer

f.eks har man

A
A:hover

osv

Kan man ikke definere nogle andre f.eks
b
b:hover og udskifte <a> taget med <b> kunne bare ikke få det til at fungere.
Avatar billede anhansen Nybegynder
19. oktober 2004 - 15:41 #1
hvorfor vil du have a til at hedde b?
Avatar billede roenving Novice
19. oktober 2004 - 15:47 #2
Du kan tage to forskellige indgangsvinkler, men de involverer begge at du bruger class på en eller anden måde, det nemmeste synes jeg er f.eks.

<style type="text/css">
a,a:link,a:visited{text-decoration:none;color:green;}
a:hover,a:active{text-decoration:none;color:purple;}
.menu a, .menu a:link, .menu a:visited{text-decoration:none;color:yellow;}
.menu a:hover, .menu a:active{text-decoration:underline;color:white;font-weight:bold;}
</style>

-- og så placerer du menu-links inde i et element, som du sætter en class på:

<div class="menu">
  <a href="#">Menulink 1</a>
  <a href="#">Menulink 2</a>
  <a href="#">Menulink 3</a>
</div>

  <a href="#">Link 1 udenfor menuen</a>

-- man kan også sætte en class direkte i linket, men som sagt er ovenstående adskilligt lettere !-)
Avatar billede need4speed Nybegynder
19. oktober 2004 - 15:59 #3
en class direkte i linket synes jeg ikke fungere.
Avatar billede need4speed Nybegynder
19. oktober 2004 - 16:00 #4
kan du ikke lave eksemplet af resten af min css?

A {
color: #999999;
text-decoration: none;
font-family: Arial, Tahoma, Helvetica, sans-serif;
font-size: 12px;
}
A:HOVER {
color: #CCCCCC;
text-decoration: underline;
font-family: Arial, Tahoma, Helvetica, sans-serif;
font-size: 12px;
}
.c {
color: #999999;
text-decoration: none;
font-family: Arial, Tahoma, Helvetica, sans-serif;
font-size: 14px;
}
c:HOVER {
color: #999999;
text-decoration: underline;
font-family: Arial, Tahoma, Helvetica, sans-serif;
font-size: 14px;
}
Avatar billede need4speed Nybegynder
19. oktober 2004 - 16:04 #5
ok kan godt ændre linket som standard via en class men hvordan skal det kodes når man skal lave en class for når man hover over linket?
Avatar billede roenving Novice
19. oktober 2004 - 16:12 #6
Hvis du kun har brug for anderledes klasse ved hover, nøjes du med at lave muligheden :hover for den klasse, så vil den falde tilbage på standard-tingen for de andre muligheder, så f.eks.

a,a:link,a:visited {
color: #999;
text-decoration: none;
font-family: Arial, Tahoma, Helvetica, sans-serif;
font-size: 12px;
}
a:hover,a:active {
color: #ccc;
text-decoration: underline;
font-family: Arial, Tahoma, Helvetica, sans-serif;
font-size: 12px;
}
.c:hover,.c:active {
color: #999;
text-decoration: underline;
font-family: Arial, Tahoma, Helvetica, sans-serif;
font-size: 14px;
}

-- og:

<a href="#" class="c">Et klasse c-link !-)</a>
Avatar billede need4speed Nybegynder
19. oktober 2004 - 16:12 #7
har fundet på lidt hjemmebag :P som virker

.c a, .c a:link, .c a:hover {
color: #999999;
text-decoration: none;
font-family: Arial, Tahoma, Helvetica, sans-serif;
font-size: 16px;
}
Avatar billede need4speed Nybegynder
19. oktober 2004 - 16:12 #8
takker
Avatar billede roenving Novice
19. oktober 2004 - 16:26 #9
-- det er jo præcis det jeg nævnte, men jeg kaldte elementet for menu !-)

Velbekomme '-)
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