background si sposta definendo un padding

[Alessandro Per]

ciao,
domandina velocissima

background-image: url(img/bg_menu.gif);
padding: 20px 20px;

chiaramente mi sposta il background di 20px dall'alto e da sisnistra
a me invece interessa che il bg resti attaccato ai bordi, mentre il testo sia spostato di 20px
come faccio?

calcolate che sto definendo una tabella

[salasir]

:master:

table {background-image: url(img/bg_menu.gif); }
td {padding: 20px 20px;}

Non so se è quello che intendi esattamente.. Prova se funziona.

[Alessandro Per]

non ci avevo pensato non potevo fosse possibile assegnare un valore td {padding: 20px 20px;} anche solo ad un td.
grazie!
avevo comunque risoloto così
<table width="100%" cellspacing="20px" class="menu">
dove la classe menu definisce il mio sfondo

ciao

[salasir]

Ovviamento ho indicato un codice generico. Puoi affinare ulteriormente assegnando una classe ai tag oppure solo una classe:

table.tuaclasse ..
td.tuaclasse ...

.tuaclasse ...

[Victorval]

Ah, un'altra cosa...

padding:20px 20px;

non fa 20 pixel a sinistra e 20 in alto, ma 20 ovunque...

Quando si mettono due valori, i browser vedono il primo come il valore di alto e basso, e il secondo come il valore di sinistra e destra...

[salasir]

Certo ... non avevo fatto caso al particolare ...

Per completezza:

padding:20px; spazio su ogni lato
padding:20px 10px; 20px sopra e sotto, 10 px dx e sx
padding:20px 20px 0 0; 20 px solo sopra e a dx
padding:20px 0 0 20px; 20 px sopra e a sx
ecc..