Aiuto per creare sfondo a bordi tondi con Div e Css

[Pandax]

Ciao a tutti mi servirebbe un aiuto...

Sto tentando (senza riuscire) a fare uno sfondo con i bordi tondeggianti, "con delle immagini".

Praticamente sto impaginando l'home page senza usare le tabelle
ma usando i <div> e i CSS.

Ho quindi creato una questi div:

<div class="main_sfondo" id="m">
<div class="ang_sup_sx" id="ass">.</div>
<div class="parte_sup" id="p_sup">.</div>
<div class="ang_sup_dx" id="asd">.</div>
<div class="parte_lat_sx" id="als">.</div>
<div class="parte_lat_dx" id="ald">.</div>
<div class="ang_inf_sx" id="ais">.</div>
<div class="parte_inf" id="p_inf">.</div>
<div class="ang_inf_dx" id="afd">.</div>
</div>

e nel CSS ho associato ogni div con la relativa immaginina da ripetere...

Esempio

.ang_inf_sx {
background-image:url(../imm_pezzi_sito/ang_inf_sx.gif);
left:auto;
bottom:auto;
}

Io ho provato così non riuscendoci... sta cosa l'ho vista spesso in giro su siti php... l'immagine ripetute per creare degli sfondi, delle tabelle con un bordo con l'ombra, 3d..

Potete aiutarmi o indicarmi un tutorial, una guida... non riesco a trovare nulla e da solo... be per ora non ci riesco.

Vi ringrazio in anticipo.

[pierofix]

Abbandonare le tabelle-layout non significa tuffarsi ciecamente nell'utilizzo dei <div>. Significa invece imparare ad usare ogni marcatore in base al suo significato.

Se cominci a riempire la struttura di tanti div vuoti, allora commetti lo stesso identico errore delle tabelle-layout.

Il modo più indolore per realizzare angoli arrotondati è quello di usare immagini di sfondo, ma non tante gif, ognuna posta in un angolo. Ad esempio usando la tecnica delle sliding-doors:

- http://www.gdesign.it/pages/howto/ar...ss/slidcss.php
- http://www.gdesign.it/pages/howto/ar...2/slidcss2.php

[Pandax]

ma infatti io volevo usare delle immagini di sfondo da associare ai rispettivi div per formarmi il bordo tondeggiante...

[pierofix]

(X)HTML è un linguaggio di marcatura realizzato per attribuire significato, non presentazione. Ne consegue che la struttura di markup deve sempre rimanere semplice ed essenziale, senza elementi utilizzati a scopo presentazionale.

Le tecniche simili a quella che ti ho postato (vedi il post precedente chè l'ho editato) cercano di lasciare il più pulito possibile il codice.

[thomas_anderson]

Scaricati gli esempi di questa guida:

http://www.constile.org/css_guida_completa/

c'è un'intero capitolo dedicato a questa tecnica (e molti esempi)