Skip to content


CSS

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.

  1. Per said

    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.

  2. Per said

    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>

  3. Per said

    whops.. glemte A foran href.. ja men altså, du skjønner håper jeg.. sent på kveld..

Some HTML is OK

(required)

(required, but never shared)

or, reply to this post via trackback.