tableless e bordi tondi

[teazzo]

Volendo convertire un sito passando al metodo tableless, non sono riuscito a riprodurre i bordi tondi: ho un riquadro che normalmente bordavo con immagini di bordi tondi, tramite una tabella tre righe e tre colonne:

<table>

<tr>
<td width=5 height=5><img angolo sinistro></td>
<td height=5 background="..."></td>
<td width=5 height=5><img angolo destro></td>
</tr>

<tr>
<td width=5 background="..."></td>
<td> CONTENUTO </td>
<td width=5 background="..."></td>
</tr>

<tr>
<td width=5 height=5><img angolo sinistro></td>
<td height=5 background="..."></td>
<td width=5 height=5><img angolo destro></td>
</tr>

Il bello è che questo layout è ridimensionabile, cioè la colonna centrale è l'unica che si ridimensiona, lasciando le colonne dei bordi sempre larghe uguali.

E' possibile farlo anche col solo css e senza usare la tabella?

Ho visto che il sito della Macromedia lo fa, ma i suoi riquadri non sono ridimensionabili.

[miki.]

fai lo stesso, ma al posto delle celle usi i div

tipo

.up{
height:imposti te;
position:relative;
}
.upsx{background:url(curvasx.gif) no-repeat center center;
height:come #up;
width:imposti te;
position:aboslute;
top:0px;
left:0px;
}
.upcentro{background:url(sfondosu.gif) repeat center center;
height:come #up;
position:absolute;
left:come il width di .upsx;
top:0px;
}
.updx{background:url(curvadx.gif) no-repeat center center;
height:come #up;
width:imposti te;
position:absolute;
right:0px;
top:0px;
}

/* lo stesso fai con mid e bot, queste classi le puoi riutilizzare quante volte vuoi all'interno della pagina*/

<div class="up">
<div class="upsx"></div>
<div class="upcentro"></div>
<div class="updx"></div>
</div>
<div id="mid">
<div class="midsx"></div>
<div id="corpo"></div>
<div class="midx"></div>
</div>
<div class="bot">
<div class="botsx"></div>
<div class="botcentro"></div>
<div class="botdx"></div>
</div>


forse ci va fatta qualche modifica

[pierofix]

Ed è proprio per strutture insensate come questa che si sono abbandonate le tabelle...

[floyd46]

ciao
prova a leggere questo articolo:
http://www.extrowebsite.com/articolocss.asp?ID=18
cmq trovi qualche altro simile per avere angoli smussati ecc.
Saluti

[Jerry Masslo]

ci sono ombre invece che arrotondamenti ma fa lo stesso

http://www.gommalayout.mondoquarto.o...a/Ombrata.html


però concordo con pierofix

[teazzo]

Grazie per il codice e i link, però non mi pare un grosso passo avanti rispetto alla struttura tabellare: è ancora pieno di tag che servono soltanto alla presentazione, più brevi è vero, ma sempre mescolati al contenuto.

Non c'è proprio alcun modo di separare davvero contenuto da presentazione, inserendo tutti gli elementi grafici soltanto in un foglio di stile?

[Sgnafurz]

Originariamente inviato da teazzo
Grazie per il codice e i link, però non mi pare un grosso passo avanti rispetto alla struttura tabellare: è ancora pieno di tag che servono soltanto alla presentazione, più brevi è vero, ma sempre mescolati al contenuto.

Non c'è proprio alcun modo di separare davvero contenuto da presentazione, inserendo tutti gli elementi grafici soltanto in un foglio di stile?

puoi combinare con XML, allora si che ottieni una separazione reale

[pierofix]

Originariamente inviato da teazzo
Grazie per il codice e i link, però non mi pare un grosso passo avanti rispetto alla struttura tabellare: è ancora pieno di tag che servono soltanto alla presentazione, più brevi è vero, ma sempre mescolati al contenuto.

Non c'è proprio alcun modo di separare davvero contenuto da presentazione, inserendo tutti gli elementi grafici soltanto in un foglio di stile?

Prova a visualizzare questo sito con i CSS disattivati (usa la developement toolbar di firefox):

- www.itgmarinoni.it