/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
Leder efter en CSS expert
Fra : NiceDane


Dato : 30-12-02 00:18

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.

Min CSS er:

..billede {
   BORDER-RIGHT: black 1px solid; BORDER-TOP: #000000 1px solid;
BORDER-LEFT: black 1px solid; WIDTH: 10px; BORDER-BOTTOM: black 1px
solid; HEIGHT: 10px
}

 
 
Lasse Reichstein Nie~ (30-12-2002)
Kommentar
Fra : Lasse Reichstein Nie~


Dato : 30-12-02 01:40

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.'

NiceDane (30-12-2002)
Kommentar
Fra : NiceDane


Dato : 30-12-02 07:14

Det kan man da kalde for en CSS expert.
Tak for hjælpen!

Søg
Reklame
Statistik
Spørgsmål : 177557
Tips : 31968
Nyheder : 719565
Indlæg : 6408868
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste