Avatar billede tranberg Nybegynder
08. juni 2004 - 16:59 Der er 5 kommentarer og
1 løsning

border på et bestemt billede..

Hej,

jeg har denne i min css fil:

.forside IMG {
    BORDER-BOTTOM: white 1px solid; BORDER-LEFT: black 0px solid;

BORDER-RIGHT: white 1px solid; BORDER-TOP: black 0px solid
}
jeg ønsker at et bestemt billede på min forside skal have denne border effekt på. min kode til billedet ser således ud:

<img src="Billeder/top.jpg" border="0" width="839" height="125" align="bottom" alt="Freereslev Rhododendron" id="forside">

Hvorfor virker det ikke?
Avatar billede kreativmedie Nybegynder
08. juni 2004 - 17:03 #1
skriv img.forside i din CSS i stedet for .forside IMG.

Og skriv class="forside" i din HTML i stedet for id="forside".
Avatar billede kreativmedie Nybegynder
08. juni 2004 - 17:06 #2
Ser også lige at du skriver border-bottom : white 1px solid; i din CSS. det korrekte er at først at angive px, derefter type og til sidst farve, dvs:

border-bottom : 1px solid white;
Avatar billede tranberg Nybegynder
08. juni 2004 - 17:11 #3
mange tak, det virker nu. gælder det på samme måde når man laver et link i stedet for et billede?
f.eks. A.forside

og i linket laver en class="forside" ?
Avatar billede kreativmedie Nybegynder
08. juni 2004 - 17:16 #4
Ja, vær dog opmærksom på at et link har flere forskellige tilstande det kan være i. Du får lige et eksempel på hvordan det kunne se ud:

a.forside:link {
    color : #A1A1A1;
    text-decoration : none;
}

a.forside:active {
    color : #A1A1A1;
    text-decoration : none;
}

a.forside:visited {
    color : #A1A1A1;
    text-decoration : none;
}

a.forside:hover {
    color : #FFFFFF;
    text-decoration : none;
}
Avatar billede tranberg Nybegynder
08. juni 2004 - 17:27 #5
takker.
Avatar billede Slettet bruger
16. juni 2004 - 08:59 #6
Man skal lige huske den korrekte rækkefølge på de forskellige tilstande: link, visited, hover, active. Derudover kan man sagtens koge den lidt ned, hvis de alligevel skal have en fælles indstilling. Her er et eksempel:

a.forside:link {
    color : #A1A1A1;
    text-decoration : none;
}

a.forside:visited {
    color : #666666;
}

a.forside:hover {
    color : #FFFFFF;
}

a.forside:active {
    color : #A1A1A1;
}

Fidusen er, at det er stadig et link, når det er i en af de andre tilstande, og for at active nogensinde skulle kunne ses, skal den være efter hover - musen er jo stadig over linket mens det er active.
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