Newsgroup: it.lavoro.professioni.webmaster
Titolo: Aiuto con TABLE!!!

Chiedo cortesemente aiuto sull'utilizzo di tabelle nel codice HTML.
Come si vede da questa immagine:
http://www.pinkmoonrecords.com/antonio/untitled.jpg
ho selezionato le immagini per evidenziare le parti vuote, selezionate
appunto in BLU SCURO.
Come mai ad es. il tasto DVD risulta perfettamente unito alla scritta
superiore, mentre il tasto CD SINGLES risulta distanziato dal tasto
superiore (DVD stesso, vedi riga blu scura tra i due tasti)?
Se infatti fate la somma (vedendo il codice sotto) delle lunghezze verticali
delle immagini di destra fa proprio 180, come l'immagine grande di
sinistra... questo proprio perche' rimangono degli spazi tra le immagini di
sinsitra!!!
Ecco il codice (scusate la confusione ma l'ho scritto tutto attaccato
altrimenti lascia altri spazi!):
  <TABLE border=0 cellpadding=0 cellspacing=0 width=770>
         <TR><TD rowspan=2 valign=top width=252><IMG height=180
src="images/pinkup45.gif" width=252></TD><TD valign=top width=546><IMG
height=104 src="images/pinkup_a.gif" width=518</TD></TR><TR><TD align=left
width=546>&nbsp;&nbsp;&nbsp;<IMG SRC="images/pm_dvd.gif" WIDTH=65 HEIGHT=28
BORDER=0><IMG SRC="images/pm_lp.gif" WIDTH=65 HEIGHT=28 BORDER=0><IMG
SRC="images/pm_45.gif" WIDTH=65 HEIGHT=28 BORDER=0><IMG
SRC="images/pm_10.gif" WIDTH=65 HEIGHT=28 BORDER=0><IMG
SRC="images/pm_12.gif" WIDTH=65 HEIGHT=28 BORDER=0><IMG
SRC="images/pmm_home.gif" WIDTH=65 HEIGHT=28 BORDER=0><IMG
SRC="images/pmm_supp.gif" WIDTH=65 HEIGHT=28
BORDER=0><BR>&nbsp;&nbsp;&nbsp;<IMG SRC="images/pm_cds.gif" WIDTH=65
HEIGHT=28 BORDER=0><IMG SRC="images/pm_pic.gif" WIDTH=65 HEIGHT=28
BORDER=0><IMG SRC="images/pm_col.gif" WIDTH=65 HEIGHT=28 BORDER=0><IMG
SRC="images/pm_ost.gif" WIDTH=65 HEIGHT=28 BORDER=0><IMG
SRC="images/pm_sel.gif" WIDTH=65 HEIGHT=28 BORDER=0><IMG
SRC="images/pmm_logi.gif" WIDTH=65 HEIGHT=28 BORDER=0><font
size=1>&nbsp;&nbsp;&nbsp;&nbsp;</font><IMG SRC="images/pmm_shop.gif"
WIDTH=28 HEIGHT=28 BORDER=0><br><IMG SRC="images/temp1x20.gif" WIDTH=1
HEIGHT=20 BORDER=0></TD></TR>
  </TABLE>

 ha scritto nel messaggio
news:uzbVa.208911$Ny5.6...@twister2.libero.it...

Se vuoi tutto unito, controlla le altezze nella tabella.
Cooper.
-- 
------------------------------------
BlueWare di Impastato Marcello
 [web] 
http://www.blueware.it
 [msn] 
coo...@blueware.it
 [icq] 146781935
 [Irc] 
http://www.italchat.it

> Se vuoi tutto unito, controlla le altezze nella tabella.
Che vuoi dire con controlla? Ti dicevo appunto che sono 180 e 180, quindi
della stessa altezza!

Pensi di quotare sempre come hai fatto in questa occasione?
Claudio


Ti riporto il codice corretto, diciamo un errore di natura tecnica e non
logica, controlla le differenze ^_^ Comunque sebbene con IE funzioni esso
non è correttamente validato...  ti sei scordato le " e " di apertura e
chiusura, e altre cosine.
Cooper.
<TABLE border=0 cellpadding=0 cellspacing=0 width=770>
   <TR>
     <TD rowspan=2 valign=top width=252><IMG height=180
src="images/pinkup45.gif" width=252></TD>
  <TD valign=top width=546><IMG height=104 src="images/pinkup_a.gif"
width=518</TD</TR><TR>
     <TD width=546 align=center valign="top">
      <table width="86%" border="0" align="center" cellpadding="0"
cellspacing="0">
        <tr>
          <td><div align="center"><img src="images/pm_dvd.gif" width=65
height=28 border=0></div></td>
          <td><div align="center"><img src="images/pm_lp.gif" width=65
height=28 border=0></div></td>
          <td><div align="center"><img src="images/pm_45.gif" width=65
height=28 border=0></div></td>
          <td><div align="center"><img src="images/pm_10.gif" width=65
height=27 border=0></div></td>
          <td><div align="center"><img src="images/pm_12.gif" width=65
height=28 border=0></div></td>
          <td><div align="center"><img src="images/pmm_home.gif" width=65
height=28 border=0></div></td>
          <td align="center">
            <div align="center"><img src="images/pmm_supp.gif" width=65
height=28 border=0></div></td>
        </tr>
        <tr>
          <td><div align="center"><img src="images/pm_cds.gif" width=65
height=28 border=0></div></td>
          <td><div align="center"><img src="images/pm_pic.gif" width=65
height=28 border=0></div></td>
          <td><div align="center"><img src="images/pm_col.gif" width=65
height=28 border=0></div></td>
          <td><div align="center"><img src="images/pm_ost.gif" width=65
height=28 border=0></div></td>
          <td><div align="center"><img src="images/pm_sel.gif" width=65
height=28 border=0></div></td>
          <td><div align="center"><img src="images/pmm_logi.gif" width=65
height=28 border=0></div></td>
          <td><div align="center"><img src="images/pmm_shop.gif" width=28
height=28 border=0></div></td>
        </tr>
      </table>
     </TD>
  </TR>
  </TABLE>


> Pensi di quotare sempre come hai fatto in questa occasione?
un buon quoting non prevederebbe un *minimo* quoting,
almeno per evidenziare a chi rispondi...?
:-)
naturalmente con simpatia...:-)
            \ | /
        ( @ @ )         Chicco Flash
---oOO-(_)-OOo--------------------------
 
www.z2000.it
Flash Forum: 
www.z2000.it/forum

           <td><div align="center"><img src="images/pm_dvd.gif" width=65
Stesso discorso per DIV, sembrano importanti, ma non ne conosco
l'importanza... puoi cortesemente illustrarmela in breve?
GRAZIE!!!


mmm ci sarebbe parecchio da dire, qui non è il posto appropriato, ti
consiglio una lettura in merito su 
HTML.IT
, li trovi o dovresti trovare, e
il tutto spiegato bene :)
Cooper.


 Beh io lavoro con WYSWYG...
Cos'e'?
Grazie...

 mmm ci sarebbe parecchio da dire, qui non è il posto appropriato,
ecco... mi stavo infatti chiedendo come mai non avessi usato <td
align="center"> (sarà colpa de WYSWYG) ma se non è il posto adatto....
-- 
Massy


idem :-)
Claudio

 align="center"> (sarà colpa de WYSWYG) ma se non è il posto adatto....
Potresti per cortesia spiegarmi come funziona <DIV>, io pensavo fosse un po'
obsoleto?
E magari anche cos'e' WYSWYG?
Cosa ne pensi del mio problema?
Grazie!


WYSWYG č acronimo di What You See, What You Get, ovvero ciň che vedi č ciň
che ottieni. Per il resto io non sono uno storico dell'html, ma da quello
che ho capito, bene o male, un tempo si usavano i tag:
<center>  </center>
<left> </left>
etc etc
l'equivalente di questi a quanto ho capito, č:
<div align="center">    </div>
<div align="left">    </div>
etc etc
ipotizzo per una semplificazione di alcuni tag superflui? boh non saprei,
cmq la compatibilitŕ verso il basso č stata mantenuta e quindi i primi sono
sempre validi anche se deprecati oramai.
Direi che la persona piů indicata per questo sia a mio parere R.SCANO
(essendo parte del w3c), magari rigiro la questione a direttamente a lui ^_^
Posso imparare qualcosa di nuovo anche su questo ^_^


 poter vedere e operare direttamente e a colpo sicuro.
Io ho fatto un po' a modo mio:
http://www.pinkmoonrecords.com/prova.asp
Il problema (vedi sorgente HTML) e' che l'immagine a destra e' alta 180
(quella di rowspan=2 per intenderci), mentre la somma delle altezze di
quelle a sinistra e' inferiore di 2 px (104+28+28+18(td vuota)).
Questo e' quello che non capisco!
Chi sa rispondermi?