kristiand@forum.dk (NiceDane) writes:
> Min koding er ens men opfører sig forskelligt.
> På nogle af billederne er der rammer, på andre er der ikke!
>
> Tag et kig på
http://nicedane.dk/af og hvis der er nogen der kan
> fortælle hvorfor billede 1 ikke har en ramme når billede 2 har etc. så
> modtager jeg med glæde en forklaring.
Hvilken browser?
Du bruger CSS'en på linket (a-element) som billedet står i, ikke på
billedet selv.
I IE6 er der rammer på alle billeder, der går hele vejen rundt.
I Opera7(beta 2) er der rammer på alle billeder, men kun 10px bred (i
quirks mode, de er ikke standard at tillade width på inline-elementer)
eller 1 em høj omkring bunden af billedet (i standard mode).
I Mozilla (Phoenix) er der rammer lige som i Opera's standard mode
(det er sgu nok rigtigt så :)
NS4 er rigtig sjov :)
MEN, rammerne forsvinder når man klikker på billedet. Det tyder på
at det er visited-link-stilen der ikke har border.
Og, bingo:
A:visited { COLOR: #000000; BORDER-TOP-STYLE: none;
BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; TEXT-DECORATION:
none; BORDER-BOTTOM-STYLE: none }
Åbenbart overdøver en "a:visited"-regel en ".billede"-regel. Det skal
den også ifølge reglerne. Du kan så enten lave ".billede" om til
"a.billede", så vinder den (da "a.billede" og "a:visited" de er lige
specifikke og "a.billede" står sidst), eller du kan lave en speciel
regel for ".billede:visited".
/L
--
Lasse Reichstein Nielsen - lrn@hotpop.com
'Faith without judgement merely degrades the spirit divine.'