CSS og rammer

[qtip]

Hei!

 

Jeg har i dag en css som bl.a inneholder følgende:

 

#content{

padding: 0px 10px 0px 0px;

margin:0px 0px 0px 178px;

border-left: 1px solid #ccd2d2;

}

 

Jeg ønsker en ramme rundt f.eks bilder eller flashfiler (som sees på forsiden til www.sats.no).

 

Hvordan kan jeg utvide denne css-content til å vise ramme i orange farge?

 

Rookie

[Haraldson]

For det første bør du fjerne måleenheter på nullverdier i din nåværende kode.

 

Så over til spørsmålet:

#content img {
border:1px solid #oransj-hex-kode;
}

Verre er det ikke. Koden gjelder nå bare for bilder i diven #content, og fjerner du #content i CSS-koden, gjelder den for hele sida.

[N*]

For det første bør du fjerne måleenheter på nullverdier i din nåværende kode.

 

hva er vitsen med det da?

[Haraldson]

For det første er det god praksis, for det andre er det helt unødvendig med enheter siden 0 likevel er 0, for det tredje sparer du bytes på det.

[N*]

For det første er det god praksis, for det andre er det helt unødvendig med enheter siden 0 likevel er 0, for det tredje sparer du bytes på det.

det er vertfall lettere å endre på det senere med den andre måten.

og hvis det blir fler lengder å ha padding på blir det jo noen få bytes spart. f.eks:

 

padding:10px 11px 0 0;

er kortere en

padding-top:10px;

padding-right:11px;

[dan1el]

Det er ikke alltid like lurt. Mange elementer har en standardverdi for marginer og "padding", så dersom du setter disse til 0.... så blir det 0 og ikke "standard".

[Steinmann]

men man vil ikke opperere med standardverdier,

for de kan endre seg fra nettleser til nettleser.

derfor er det også god praksis å starte en css med

* {

margin: 0;

padding: 0;

}

da starter man med blanke ark, og det er 0 sjans for at

nettleserenes default verdier ødelegger!