tabella particolare

[pietro09]

Non so se sia il forum giusto. Se no, prego di spostarmi nel forum giusto.

Debbo formattare una tabella in modo tale che somigli a due tabelle separate, una a sinistra e una a destra. Ho provato a mettere una colonna centrale di data larghezza e ho messo i bordi delle celle di tutte le righe bianche. Non riesco a togliere il bordo superiore e inferiore.

Non so se si possano mettere, in alternativa, due tabelle separate affiancate, perchè debbono essere messe in un div con barre di scorrimento.

Grazie

[Mich_]

Il forum corretto e` quello di CSS e XHTML. Poi ti sposto.

Attenzione che le tabelle aggiungono informazioni semantiche.
Se i dati sono logicamente in un'unica tabella e separarle e` un tuo sfizio grafico, devi usare una tabella unica; altrimenti se le tabelle sono logicamente due devi usarne due.

Per farle scorrere assieme basta che le inserisci dentro un <div> e fai scorrere il <div>

Invece per fare la "colonna" libera, basta che formatti i bordi delle singole celle o delle colonne, anziche` della tabella.

NOTA: non usare formattazione fatta con tag o attributi HTML. La formattazione va fatta con attributi CSS.
Altrimenti per forza non ci riesci.

[pietro09]

Non posso fare altro che riprovare. Grazie

[andrea.paiola]

per lo scroll del div
http://www.domedia.org/oveklykken/css-div-scroll.php

[pietro09]

Originariamente inviato da andrea.paiola
per lo scroll del div
http://www.domedia.org/oveklykken/css-div-scroll.php

Ti ringrazio, anche per i link utili della tua risposta

[Moro]

comumque...se vuoi fare due tabelle affiancate, puoi metterle in due div affiancati con i float...

[pietro09]

Originariamente inviato da Moro
comumque...se vuoi fare due tabelle affiancate, puoi metterle in due div affiancati con i float...

Ho già risolto come mi ha suggerito Mich_ e, in effetti, era semplice.

Ma adesso mi accorgo che non capisco: div affiancati con i float

Mi puoi spiegare per favore? Ciao

[Moro]

semplice:
<div id="tabellasinistra">
<table></table>
</div>
<div id="tabelladestra">
<table></table>
</div>



e poi nel css


div#tabellasinistra{
float: left;
}
div#destra{
}


per distanziarli puoi usare i margin... oppure puoi allineare l'altro tutto a destra


div#tabelladestra{
float: right;
}

[pietro09]

Non avevo mai usato i float. Adesso è tutto chiaro. Grazie

[Moro]

con i float io mi trovo benissimo
Layout con i float