Sfondo tabella

[SGr33n]

Ciao a tutti,

Volevo chiedere se è possibile fare una tabella con un'immagine di sfondo per la parte superiore, una per la parte inferiore e poi un'immagine centrale da ripetere in caso si tratti di una tabella lunga.

Grazie

[pierofix]

1. Se puoi, non usare le tabelle per creare i layout delle tue pagine.

2. Devi creare tre zone, una per immagine: sopra, centro, sotto; ad ognuna, poi, attribuisci lo sfondo che vuoi.

[SGr33n]

Hey grazie della risposta prima di tutto,

Cmq sulle immagini dovrà uscire della scritta... non c'è un modo più "pulito" e rapido per farlo ?

[pierofix]

Un piccolo esempio con dei tag div

<div>
<h1>News</h1>


Prima news</p>
</div>

CSS

div {
// Sfondo con un'immagine, per capirci, a U, ovvero con disegnati il fondo orizzontale e i bordi laterali. Questa avrà altezza di parecchi px (2000) e sarà "attaccata" sul fondo del div.
}
h1 {
// Sfondo con l'immagine "sopra", ovvero i con il bordo superiore disegnato.
}

[SGr33n]

Grazie della risposta

Non è molto calzante l'esempio xkè il contenuto è unico, non ho un'intestazione ma un testo di dimensioni variabili...

Altri metodi ?

[pierofix]

E' meno semantico ma...

<div>
<div id="top"></div>
<div id="content"></div>
<div id="footer"></div>
</div>

Nel content metti un'immagine di sfondo larga quanto il div e alta pochi px: questa rappresenterà i due bordi laterali. L'immagine la metti repeat y.
Per capire cosa intendo guarda l'immagine di sfondo di www.itgmarinoni.it .

[edovox]

Ciao ragazzi io ho provato ad utilizzare la soluzione

div.newsbox3{width:100%px;padding:0px 0px 13px;background: url(images/bluedown.jpg) x-repeat bottom left}
div.newsbox3 h2{line-height:28px;margin:0;padding:0px 5px ;background: url(images/bluetop.jpg) x-repeat top left;text-align:left;font-family: arial, verdana, sans-serif;font-size: 11px;font-weight: bold;color: #ffffff;}
div.newsbox3 p{margin:0;padding: 1px 45px ;background: url(images/bluecenter.jpg) repeat-y top left;text-align:right;font-size: 12px;font-weight: normal;}

ma non riesco a trovare un modo per la parte centrale ossia creare un immagine centrale che si espanda con il contenuto potete aiutarmi???

Grazie