Newsgroup: it.lavoro.professioni.webmaster
Titolo: [CSS] spazi tra celle

Ciao, ho la seguente tabella:
<table class="strutturatabella">
<tr>
 <td><img src="images/logo.jpg"></td>
</tr>
<tr>
 <td><img src="images/header.jpg"></td>
</tr>
<tr>
 <td>
  <table class="menu">
  <tr>
   <td><span><a href="index.html">HOME</a></span></td>
   <td><span><a href="****.html">*****</a></span></td>
   <td><span><a href="*****.html">*****</a></span></td>
   <td><span><a href="contatti.html">CONTATTI</a></span></td>
   <td class="spaziomenu"></td>
   <td><span><a href="EN_index.html">ENGLISH VERSION</a></span></td>
  </tr>
  </table>
 </td>
</tr>
<tr>
 <td  class="sfondobianco">
  <table class="tabellacontenuti">
  <tr>
   <td></td>
   <td></td>
  </tr>
  </table>
 </td>
</tr>
<tr>
 <td class="disclaimer">
 ****
********
 </td>
</tr>
</table>
purtroppo su ie vedo degli spazi di pochi pixel tra una cella e l'altra come
posso fare? io ho impostato i seguenti valori sul css esterno:
body {
 background: #576F85 url(/images/pixelsfondo.jpg) repeat;
 text-align: center;
 vertical-align: top;
 margin: 0px;
 padding: 0px;
}
.strutturatabella {
 border: 0px;
 margin: 0px;
 padding: 0px;
}
.strutturatabella td tr{
 margin: 0px;
 padding: 0px;
}
.menu {
 width: 775px;
 background: #7A8B9D url(/images/pixelmenu.jpg) repeat;
 text-align: center;
 vertical-align: middle;
 margin: 0px;
 padding: 0px;
}
.menu span{
 font-family: Verdana;
 font-size: 11pt;
 font-weight: bold;
 color: #C1EFF5;
 text-decoration: underline;
}
.menu a{
 font-family: Verdana;
 font-size: 11pt;
 font-weight: bold;
 color: #FFFFFF;
 text-decoration: none;
}
.menu a:hover{
 font-family: Verdana;
 font-size: 11pt;
 font-weight: bold;
 color: #C1EFF5;
 text-decoration: underline;
}
.spaziomenu {
 width: 100px;
}
.sfondobianco {
 width: 775px;
 background: #FFFFFF url(/images/pixelmenu.jpg) repeat;
 text-align: center;
 vertical-align: middle;
 margin: 0px;
 padding: 0px;
 font-family: Verdana;
 font-size: 11pt;
 color: #000000;
}
.tabellacontenuti {
 background-color:#F5F9FC;
 margin: 20px;
 width: 735px;
}
.disclaimer {
 width: 775px;
 background: #7A8B9D url(/images/pixelmenu.jpg) repeat;
 text-align: center;
 vertical-align: middle;
 margin: 0px;
 padding: 0px;
 font-family: Verdana;
 font-size: 11pt;
 color: #FFFFFF;
}
mi potete aiutare?
Grazie,
Roberto.

 mi potete aiutare?
Devi aggiungere alle definizioni dei td (nel css):
border-collapse:collapse;
Ciao,
Max Graziani

 ha scritto nel messaggio
news:14k23l7sa6z4h$.wwatz6cxpn5u$.dlg@40tude.net...

Ok, l'ho fatto, ma rimane sempre un piccolo spazio di 1 pixel, come se ci
fosse un bordo o altro, mentre io voglio unire le celle senza che ci siano
bordi tra di loro, ma che le immagini nelle due celle si uniscano, come
posso fare?
Grazie,
Roberto.

 posso fare?
Ho guardato bene il tuo css e ho scoperto questo:
.strutturatabella td tr {
 margin:0px;
 padding:0px;
}
che non č molto corretto (margin e padding dovresti assegnarli a un TD).
Succede quindi che il padding del tuo TD rimanga con il valore di default
per IE (1px). Correggendolo in:
.strutturatabella td {
 margin:0px;
 padding:0px;
}
(togliendo quindi "tr") la barra con il menu non ha piů spazi tra se e gli
elementi adiacenti.
Spero di aveci preso ;)
Max Graziani

 posso fare?
Scusa, ma se scrivi
<TABLE border=0 cellpadding=0 cellspacing=0 class=strutturatabella>
non risolvi più in fretta? In ogni caso dovrebbe aver ragione Massimiliano
del post qui sopra: non credo si possano dare valori di padding e margin a
un <TR>.
Ale

 ha scritto nel messaggio
news:1prp8fklf1m6d$.7iyxa1u6uk9e.dlg@40tude.net...

Si esatto adesso funziona!
Grazie,
Roberto.