Du må være registrert og logget inn for å kunne legge ut innlegg på freak.no
X
LOGG INN
... eller du kan registrere deg nå
Dette nettstedet er avhengig av annonseinntekter for å holde driften og videre utvikling igang. Vi liker ikke reklame heller, men alternativene er ikke mange. Vær snill å vurder å slå av annonseblokkering, eller å abonnere på en reklamefri utgave av nettstedet.
AbonnerSkjul
Host1.no - Webhotell fra 29,-, virtuell server fra 249,-. 15% rabatt med rabattkode "nFF". Besøk oss på Host1.no!
  2 620
raze
Medlem
raze's Avatar
2.668 326
7. mars 2009
Hei!

Har søkt litt rundt, og funnet varierte treff. Men har enda til overs å få til det jeg vil.

Jeg skal altså definere to ulike klasser i en css, hvor linker samt tekst skal defineres. Klassene får jeg definert, men jeg er usikker hvordan jeg skal skrive a:hover, a:link osv. Noen som kan gi et fint svar på mitt trivielle spørsmål?

Edit:

Kan slenge ut min css slik den ser ut nå. Kanskje lettere å få en forståelse hva jeg vil oppnå.

Kode

.class1 a:link {text-decoration: none}
.class1 a:visited {text-decoration: none}
.class1 a:active {text-decoration: none}
.class1 a:hover {text-decoration: underline; color: red;}
#class1 {
    word-spacing: 50px;
    font-family: calibri;
    font-size: 60px;
}

.class2 a:link {text-decoration: underline overline}
.class2 a:visited {text-decoration: underline overline}
.class2 a:active {text-decoration: underline overline}
.class2 a:hover {text-decoration: underline; color: green;}
#class2 {
    word-spacing: 50px;
    font-family: calibri;
    font-size: 60px;
}
Sist endret av raze; 7. mars 2009 kl. 19:09. Grunn: Supplement
EmanOn
237 45
7. mars 2009
En ting først;
.navn angir en klasse, mens #navn angir for en id....
Dvs #class1 vil påvirke <div id="class1">, mens .class1 vil påvirke <div class="class1">.

Når det er sagt vil .class1 a:link {text-decoration: none} påvirke alle a-tagger som befinner seg inne i noe som er angitt med klassen class1. Feks vil denne få de stilene du ønsker:

Kode

<div class="class1">
   <a href="#">link</a>
</div>
Og de psuedoklassene til a må stå i denne rekkefølgen: link, visited, hover, active (http://www.w3schools.com/css/pr_pseudo_hover.asp)
Sist endret av EmanOn; 7. mars 2009 kl. 20:00. Grunn: en ting, ikke et ting
▼ ... noen uker senere ... ▼
moosh
314 31
30. mars 2009
Anbefaler også å ikke skrive mere enn du trenger.

Kode

.class1 a:link {text-decoration: none}
.class1 a:visited {text-decoration: none}
.class1 a:active {text-decoration: none}
kan du gjøre om til

Kode

.class1 a:link, .class1 a:visited, .class 1 a:active
{
  text-decoration: none;
}