Newsgroup: it.comp.www.html
Titolo: help tabella

dovrei creare una tabella del genere
(leggete il messaggio con caratteri monospaziati):
+------------------------------------------+
|      toolbar del browser   |
+-------+------------------------+---------+
|  img  | |                      |   img   |
|100x100| |       titolo         | 120x60  |
|       | |                      +---------+
+-------+-+----------------------+---------+
|         |                      |         |
|         |                      |         |
|         |        testo         |         |
|         |                      |         |
|         |                      |         |
|         |                      |         |
+------------------------------------------+
|                img 800x30                |
+------------------------------------------+
\---------\     sono uguali      \---------\
non riesco a capire perche' mi viene tutta sballata...
(a seconda dell'umore del browser) :-/
soprattutto quando utilizzo i tag colspan e td width
voi come la fareste?
IMPORTANTE:
i bordi della tabella devono anche coincidere con quelli della finestra
del browser (non ci deve essere spazio tra tabella e margini!!!): sono
riuscita a farlo per netscape utilizzando il tag layer ma ie non lo
interpreta
grazie
Alessandra

|+------------------------------------------+
||      toolbar del browser   |
|+-------+------------------------+---------+
||  img  | |                      |   img   |
||100x100| |       titolo         | 120x60  |
||       | |                      +---------+
|+-------+-+----------------------+---------+
||         |                      |         |
||         |                      |         |
||         |        testo         |         |
||         |                      |         |
||         |                      |         |
||         |                      |         |
|+------------------------------------------+
||                img 800x30                |
|+------------------------------------------+
|
|
|\---------\     sono uguali      \---------\
|
prova con questa:
<table width=100% border=0 cellpadding=0 cellspacing=0>
<tr>
<td width=120 align=left><!-- inserisci qui l'immagine 100x100 --></td>
<td><!-- inserisci qui il titolo --></td>
<td width=120><!-- inserisci qui l'immagine 120 x 60 --></td>
</tr>
<tr>
<td width=120 align=left>&nbsp;</td>
<td><!-- inserisci qui il testo --></td>
<td width=120>&nbsp;</td>
</tr>
<tr>
<td colspan=3><!-- inserisci qui l'immagine ma ridimensionala prima: non
puo' essere di 800 pixel altrimenti non entra nella finestra: prova ad
inseriren una di 750pixel magari usando un bgcolor nella td di colore
simile --></td></tr></table>
per il futuro, posta il tuo codice, cosi' si fatica di meno ed impari dagli
errori: copiare non serve a nulla.
ciao
dap

Ho il tuo stesso problema... mi affianco a te per una richiesta disperata di
aiuto.
Paolo il solidale (detto anche "mal comune, mezzo gaudio")

 voi come la fareste?
Per progettare una pagina conviene sempre partire dal contenuto
e dalla struttura (es. suddivisione in capitoli), e solo dopo
pensare al layout e ai particolari estetici, tenendo presente
che non ci sono solo browser grafici, ma anche di solo testo o
a voce.
E' quindi difficile pensare a una soluzione quando l'unica 
indicazione che si ha e' un layout, senza sapere cosa c'e' nelle
varie colonne e a cosa servono le immagini (informazioni importanti?
decorazione? sponsor? menu?).
L'immagine finale e' troppo grande per essere sicuri che rimanga
sempre all'interno della finestra. Se questo e' un problema conviene
usarne una piu' piccola. Se e' una barra di navigazione, e' un
problema, e a ridurla troppo c'e' il rischio che diventi illeggibile
alle alte risoluzioni. In questo caso conviene usare testo normale
o immagini separate.
Supponiamo che l'immagine vada bene com'e' (800x30), e che non sia
un problema se in certi casi se ne vede solo un pezzo alla volta.
Se l'immagine e' all'interno della tabella, la tabella dovra' essere
larga almeno come l'immagine, e tutta la colonna di destra rischia
di scomparire dietro al margine del browser. Per risolvere questo
problema si potrebbe mettere l'immagine fuori dalla tabella, per 
esempio all'interno di <DIV align=center>.
Cosa c'e' nelle colonne laterali (oltre alle due immagini)?
Se sono vuote, e' solo uno spreco di spazio, e la colonna di testo
potrebbe risultare troppo stretta, per esempio se la finestra e'
larga 600 pixel, il testo sara' large 360 pixel, o anche meno
considerando i bordi e i margini. Anche limitare la larghezza
della tabella a 800 px puo' portare a un troppo stretto (es:
finestra larga 1280, testo largo 560, meno della meta').
C'e' anche un altro problema: molti browser per mostrare una
tabella hanno bisogno di leggerla tutta, quindi non si vedra'
niente fino a quando il browser non avra' scaricato tutto il file.
Nell'HTML 4.0 ci sono alcuni tag che dovrebbero permettere la
visualizzazione incrementale delle tabelle, ma per adesso non li
supporta nessuno.
Per tutti questi motivi, la soluzione migliore per il testo e' 
di lasciarlo libero, al di fuori della tabella, magari con qualche
aggiustamento tramite CSS. Se proprio e' necessario specificare
qualche larghezza che riguarda il testo, e' sempre meglio usare 
gli "em".
Naturalmente questo discorso non e' piu' valido se nelle coonne 
laterali c'e' qualcosa.
Per il titolo in mezzo fra le due immagini dovrebbe bastare una cosa
del tipo
  <TABLE width="100%" border=0>
  <TR>
    <TD width=120 align="left">
      <IMG src="sinistra" width=100 height=100 alt="...">
    </TD>
    <TD align="center">
      <H1>Titolo</H1>
    </TD>
    <TD width=120 align="right" valign="top">
      <IMG src="destra" width=120 height=60 alt="...">
    </TD>
  </TR>
  </TABLE>
I vari align/valign possono essere cambiati per ottenere effetti 
diversi, per esempio si puo' mettere valign=middle nel titolo. 
Le colonne laterali potrebbero risultare piu' larghe (soprattutto
se il titolo e' corto), quindi se si usano align diversi da left
per l'immagine sinistra e right per la destra, le immagini
potrebbero risultare distanti dal bordo della finestra.
Il testo in <IMG alt=> e' quello che viene usato quando non sono
disponibili le immagini (disabilitate, browser di testo, rete
lenta, ...), e (visto anche che sta attorno al titolo, e potrebbe
disturbarlo) va scelto con cura; se le immagini sono solo
decorative conviene usare alt="", per evitare dei brutti "[INLINE]".
	Mauro

dagli errori: copiare non serve a nulla.
scusa, l'avrei fatto se solo avesi avuto il codice con me...
pero' non fare la maestrina!!!!! ;-)
Ciao
Alo!

non e' questione di maestrina...
e' che e' piu' facile correggere un errore che scrivere il codice per terzi
(se permetti)
|btw, &nbsp non serve metterlo!!!!..
ne sei certa? ... testa le ute pagine con 3 /4 browser poi ne riparliamo :-)
|come si fa a non lasciare spazio tra i margini della finestra del browser e
|la tabella??????
margini a sinistra/destra o in alto?
per i primi, forza la tabella a 101%
per il secondo, metti valign="top" nella table
metti topmargin=0 nel body (ma lo legge solo ie)
oppure divertiti con i layer
ciao
dap


Ciao,
come già spiegato in un altro msg, ho lo stesso problema di
Alessandra. Ho provato questa soluzione per allineare la tabella ai
bordi (sinistro e alto), ma la situazione non cambia: Nestscape lascia
sempre un sacco di spazio, mentre Explorer lascia un filetto
sooooottile (che da un discreto fastidio)...
Usare i layer sarebbe una soluzione, ma non è quella adatta a me (non
posso fare la doppia versione IE/NS).
Mi sembra strano che non si riesca a trovare una soluzione semplice
...
mmmh...
...
a pensarci bene non mi sembra tanto strano che non si riesca a trovare
una souzione semplice...
A questo punto non mi richiesta che ribadire la richiesta di aiuto.
Nel caso nessuno riesca a darmi la dritta giusta, beh... vorrà dire
che mi attaccherò al primo tram di passaggio e che penserò a una
soluzione alternativa...
Grazie per la disponibilità
Ciao
Gundam "il fu Paolo Canfora"