Hei hei
Ett lite spm bare… Kan jeg legge inn css slik at jeg kan få to ulike stiler på linker. Har laget én som jeg bruker i tabell som menyordning, men skulle hatt en annen stil på linking fra side til side i portfolioen…
Nina
Meningen med kommunikasjonen ligger i responsen
Hei hei
Ett lite spm bare… Kan jeg legge inn css slik at jeg kan få to ulike stiler på linker. Har laget én som jeg bruker i tabell som menyordning, men skulle hatt en annen stil på linking fra side til side i portfolioen…
Nina
Posted in Arkiv for gamle innlegg.
3 Responses
Stay in touch with the conversation, subscribe to the RSS feed for comments on this post.
Dette er veldig enkelt, du bare definerer forskjellige klasser for de forskjellige typen linker.. Dette kan du gjøre med det meste. Du legger inn en class ved å sette et . (punktum) foran navnet i stilen du lager på denne måten;
.Menylink {
text-decoration: none;
}
du kan enkelt legge inn mouse over actions på denne måten;
.Menylink:hover {
text-decoration: underline;
}
linken din vil da få underlinje kun når musen er over, du kan gjøre dette med de fleste parameterene i css.
Du bruker din nye “klasse” på denne måten:
Tekst eller bilde
–
Gjør det samme men med andre navn for å lage en klasse som kan brukes til andre ting…
Det er viktig at du ikke legger inn alt for mange parametere i definisjon av a for at dette skal funke da denne vil overstyre klassen på enkelte browsere.
–
Vil du ha unike egenskaper kan du bruke Id på det enkelte elementet for å legge inn andre egenskaper, hvis du f.eks. vil ha en link i menyen i Bold men ingen andre kan du gjøre det på denne måten:
#Bold {
font-weight: bold;
}
da må linken din i menyen se ut som dette:
link eller bilde her
..
En ID skal være unik og skal kun brukes på ET element for å få riktig kode som validerer bra og vises korrekt av de forskjellige leserne, det er derfor best å bruke Class til alt som skal være likt og ID til unntakene.
Skjedde en liten feil der..
den første linken skal være slik
<href=”link.html” class=”Menylink”>LINK HER</a>
den andre slik:
<href=”link.html” class=”Menylink” id=”Bold”>LINK HER</a>
whops.. glemte A foran href.. ja men altså, du skjønner håper jeg.. sent på kveld..