Newsgroup: it.comp.www.html
Titolo: Tabelle "sofisticate"

Sto costruendo un mio sito impostato sulle tabelle e sui fogli di stile, per
quanto riguarda il layout e ho voluto modificare l'homepage che  mi sembrava
troppo semplice e dopo aver visto sul codice di un altro sito che si possono
realizzare tabelle all'interno di altre tabelle ho pensato che potessi in
questo modo, senza ricorrere ad una approfondita conoscenza dei fogli di
stile, impostare il layout della pagina in modo diverso in punti diversi
della pagina.
In realtà quando mi sono messo all'opera mi sono reso conto che non riuscivo
di fatto nell'obbiettivo in quanto una volta realizzate le diverse tabelle
con diverso layout (non inflluenzantesi tra di loro nel layout) in realtà
non mi riusciva di affiancarle (le differenti table) le une alle altre
nonostante avessi impostato un codice  di questo tipo (del tutto simile come
impostazione a quello del codice del sito visto):
<TABLE  cellspacing=0>   (il cellspacing non mi fa
                                                          effetto)
<table>
<tr>
tabella di testata
</tr>
</table>
<table> (table sotto la testata che dovrebbe a sua volta
<tr>            contenere 2 table)
<table>
<tr>
Tabella a sinistra sotto la testata
</tr>
</table>
<table>
<tr>
varie td a destra sotto la testata e a fianco dela precedente table
</tr>
<table>
</tr>
<table>
<table>   (dovrebbe contenere 4 table affiancate, ma
 <tr>           di    fatto anche queste finiscono una sotto
                        l'altra)
<table>
<tr>                              Prima
</tr>
</table>
<table>
<tr>                            seconda
</tr>
</table>
<table>
<tr>                             terza
</tr>
</table>
<table>
<tr>                            quarta
</tr>
</table>
</tr>
</table>
</TABLE>
In pratica tutte queste TABLE mi finiscono tutte una sotto l'altra e qunindi
non riesco a capire cosa ho sbagliato.
Luca



 non riesco a capire cosa ho sbagliato.
Le tabelle sono degli elementi block-level, nel senso che occupano tutta la
riga in cui il marcatore relativo (TABLE) compare; per modificare questa
cosa puoi agire via CSS (style="display: inline" anche se è sconsigliato
nelle specifiche del W3C). Se invece insisti (ancòra) nel voler usare le
tabelle per il layout e vuoi che 2 tabelle stiano "sulla stessa riga" le
devi mettere in una cella (TD) di un'altra tabella esterna.
Ciao
--
http://www.diodati.org/w3c/html401/index/elements.html
http://dmoz.org/World/Italiano/Salute/Degli_Animali/

 stile, 
errato. Quelli li devi comunque conoscere abbastanza, che sa da una parte 
ti possono aiutare per il testo e le tabelle, dall'altro puoi rovinarti 
pagine e pagine con un solo colpo. Potenza del CSS.
Ciao!
-- 
Non è bello cio che è bello figuriamoci cio che è brutto!

 </table>
Guarda... già nelle prime righe hai commesso un sacco di errori, chiaro
che le tabelle non ti si allineano!
1) definisci tutti i parametri per ogni tabella (width, border, cellpadding
ecc.),
non corri il rischio che qualche browser interpreti a modo suo i parametri
che
mancano
2) annida sempre rispettando le regole: dopo il <table> (il primo che hai
scritto)
devi sempre usare <tr><td> poi in questa cella crei un'altra tabella e poi
chiudi la prima </td></tr></table>, tu non lo hai fatto. La tabella di
testata
(come la chiami tu) è senza <td>!!!
3) per allineare lateralmente 2 tabelle devi inserirle in una che le
contiene
con due celle affiancate (guarda sotto).
|prima tabella--------|-------------------------|
|  |---tabella 2-----|   |    |--tabella 3--------|    |
|  |                        |    |    |                           |     |
|  |----------------|    |    |------------------|     |
|---------------------|-------------------------|
4) per ottenere layout complessi c'è da giocare con i colspan e rowspan
5) i CSS, come ti è stato suggerito, dovrebbero essere impiegati per
questo tipo di layout, ma i browser diversi potrebbero sconclusionarti
la pagina... si attende uno rispetto dello standard... che forse non si avrà
mai! :-))
Nixs

 ha scritto nel messaggio
news:vNBu9.80765$RO.20...@twister1.libero.it...


 ha scritto nel messaggio
news:vNBu9.80765$RO.20...@twister1.libero.it...


 sapere quale dovrebbe essere il comando più appropriato per riuscirci.
prova a far collassare i bordi
delle tabelle con:
table {
   border-collapse: collapse;
}
assicurati che il padding delle singole
celle sia a 0px:
td {
   padding: 0px;
}
un po' di roba dovrebbe
sparire.
se non funziona prova a postare un po' di codice html
piu' css *signifcativo* (non l'intera pagina) che ci diamo
un'occhiata.
ciao.

 sapere quale dovrebbe essere il comando più appropriato per riuscirci.
Il mio consiglio è di lasciar perdere le formattazioni via CSS per le
tabelle,
non perchè non siano corretti o efficaci, ma perchè, di solito, quando si
usano le tabelle per impostare il layout, ogni tabella, ogni cella, ha una
sua impostazione, quindi difficilmente si può applicare lo stesso foglio di
stile, se ne dovrebbero impostare diversi e numerosi.
Usa TUTTI gli attributi nel tag della tabella, così sei sicuro del
risultato:
<table width="400" cellpadding="0" cellspacing="0" border="0">
(border="0" elimina quel tuo bordo)
Nixs
P.S. Forse è il caso che tu ti compri un buon manuale sull'HTML? ;-)))