[css] divs e backgrounds

[PaTeR non PeTeR]

Ciao ragazzi...
Mi servirebbe sapere come fare per ottenere una specie di tabella con i div ed il css.

+--+------------+--+
|TAB|AAAAAAAAAAAA|BAT|
+------------------+
|BBBBBBBBBBBBBBBBBBBB|
|CCCCCCCCCCCCCCCCCCCC|
+-------------------+
|TAB|DDDDDDDDDDDD|BAT|
+--+------------+--+

Ovvero:

I contorni con immagini di sfondo, li facevo in modo che con le tabelle impostavo 3 tabelle sopra, una centrale e 3 sotto.
Nelle 2 tabelle laterali mettevo delle immagini con <img>, e in quella centrale mettevo una come background. Stessa cosa per quella sotto.
Ora però non so come fare con i css... che posso fare? Mi potete aiutare?

[andrea.paiola]

per poter impostare immagini sui bordi dei div devi aspettare CSS 3... in CSS 2 le immagini le puoi usare solo come sfondo... sui bordi puoi impostare spessore, colore e stile (puntinato per esempio)
la tua stessa struttura (se non puoi proprio evitare di fare diversamente) la puoi ricreare inserendo div uno dentro l'altro ovvero: crei un div con le dimensioni massime che ti interessano in cui metti dentro gli altri... per capire cosa ti voglio dire dovresti studiare almeno le basi dei CSS: il box model.
Cerca in http://www.html.it/css/

[PaTeR non PeTeR]

Originariamente inviato da andrea.paiola
per poter impostare immagini sui bordi dei div devi aspettare CSS 3... in CSS 2 le immagini le puoi usare solo come sfondo... sui bordi puoi impostare spessore, colore e stile (puntinato per esempio)
la tua stessa struttura (se non puoi proprio evitare di fare diversamente) la puoi ricreare inserendo div uno dentro l'altro ovvero: crei un div con le dimensioni massime che ti interessano in cui metti dentro gli altri... per capire cosa ti voglio dire dovresti studiare almeno le basi dei CSS: il box model.
Cerca in http://www.html.it/css/

mmm... okay.
Ho solo un dubbio... sono combinato così:

div.imgsx
{
/*...*/
}

div.imgcx
{
/*etcetcetc*/
}

div.imgdx
{
/*...*/
}

e li richiamo così:

<div class="imgsx">[img]./Images/tabtopleft.gif[/img]</div>
<div class="imgcx">PaTeR</div>
<div class="imgdx">[img]./Images/tabtopright.gif[/img]</div>

Solo che vedo imgcx che mi si accavalla a imgsx e imgdx che è sotto... mi puoi aiutare?

Col box-model come faccio a tenere conto dell'ereditarietà? Non ho capito bene...

[andrea.paiola]

prova ad impostare una larghezza per i div centrale (width)

[PaTeR non PeTeR]

nisba...

non è cambiato niente

[andrea.paiola]

posta tutto il codice o metti una pagina online e posta l'indirizzo

[PaTeR non PeTeR]

http://ctpaterct.altervista.org/testcss/skeleton.html

il css è skeleton.css

[PaTeR non PeTeR]

up

[PaTeR non PeTeR]

praticamente siccome ho il float, quelle si mettono sopra l'altro div, e si ha un miscuglio di backgrounds...

A me servirebbe invece qualcosa che non li faccia andare a capo...

[andrea.paiola]

ma le immagini di cui parlavamo prima non fanno parte dei contenuti: allora le devi mettere nel CSS come sfondo...