ayda con celdas

[Princo]

Estoy empezando con el html, o sea que soy un total novato. He visto y practicado como hacer celdas, pero a la hora de colocarlas quiero que estén centradas y si añado alguna mas que sigan estando centradas, tambien porque hay distintas pantallas, unas son panorámicas y quisiera que entraran las que cupieran.
He copiado y así es como las hago:


<center>
<table cellspacing="4" cellpadding="8" width="150" bgcolor="#1e679a" border="0">
<tbody>
<tr>
<td><font face="arial, verdana, helvetica" color="#ffffff"><strong><center>cabecera</center><xi</strong> </font></td>
</tr>
<tr>
<td bgcolor="#ffffcc"><font face="arial, verdana, helvetica"> centro</font></td>
</tr>
<tr>
<td style="TEXT-ALIGN: center">pie</td>
</tr>
</tbody>
</table>
</center>

si añado otra igual, lo que hace es centrarse pero ponerse una debajo de otra y quisiera que se pusiese al lado. Se que será muy básico y fácil la solución pero mi corto entender no da para mas.

Les agradezco su tiempo y su ayuda.
Saludos

[DragonX]

Código HTML:

<center>
<table cellspacing="4" cellpadding="8" width="150" bgcolor="#1e679a" border="0">
<tbody>
<tr>
<td><font face="arial, verdana, helvetica" color="#ffffff"><strong><center>cabecera</center></strong> </font></td>
<td><font face="arial, verdana, helvetica" color="#ffffff"><strong><center>cabecera</center></strong> </font></td>
<td><font face="arial, verdana, helvetica" color="#ffffff"><strong><center>cabecera</center></strong> </font></td>
</tr>
<tr>
<td bgcolor="#ffffcc"><font face="arial, verdana, helvetica"> centro</font></td>
<td bgcolor="#ffffcc"><font face="arial, verdana, helvetica"> centro</font></td>
<td bgcolor="#ffffcc"><font face="arial, verdana, helvetica"> centro</font></td>
</tr>
<tr>
<td style="TEXT-ALIGN: center">pie</td>
<td style="TEXT-ALIGN: center">pie</td>
<td style="TEXT-ALIGN: center">pie</td>
</tr>
</tbody>
</table>
</center> 

Sabe que cada TR es una línea (row) y cada TD es una columna. Osea que para que cada celda quede una al lado de la otra, tenes que duplicar TDs, cuantas veces quieras, siempre dentro del mismo TR

Espero te sirva
DX

[Princo]

Muchas gracias, pero yo lo que quería, quizás no me he sabido explicar, es hacerlo como la respuesta que me ha dado, pero que las celdas sean independientes, que no vayan "pegadas" porque si lo hago así al utilizar diferentes tamaños de pantalla en algunas quedarían bien (las mas grandes o panorámicas) y en las pequeñas no se verían todas.
De todas formas gracias y si sabe de alguna otra manera que se pueda hacer lo que quiero , espero su contestación

[DragonX]

Algo así?

Código HTML:

<center>
  <table width="500" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td><table cellspacing="4" cellpadding="8" width="150" bgcolor="#1e679a" border="0">
          <tbody>
            <tr> 
              <td><font face="arial, verdana, helvetica" color="#ffffff"><strong>
                <center>
                  cabecera
                </center>
                </strong> </font></td>
            </tr>
            <tr> 
              <td bgcolor="#ffffcc"><font face="arial, verdana, helvetica"> centro</font></td>
            </tr>
            <tr> 
              <td style="TEXT-ALIGN: center">pie</td>
            </tr>
          </tbody>
        </table></td>
      <td><table cellspacing="4" cellpadding="8" width="150" bgcolor="#1e679a" border="0">
          <tbody>
            <tr> 
              <td><font face="arial, verdana, helvetica" color="#ffffff"><strong>
                <center>
                  cabecera
                </center>
                </strong> </font></td>
            </tr>
            <tr> 
              <td bgcolor="#ffffcc"><font face="arial, verdana, helvetica"> centro</font></td>
            </tr>
            <tr> 
              <td style="TEXT-ALIGN: center">pie</td>
            </tr>
          </tbody>
        </table></td>
      <td><table cellspacing="4" cellpadding="8" width="150" bgcolor="#1e679a" border="0">
          <tbody>
            <tr> 
              <td><font face="arial, verdana, helvetica" color="#ffffff"><strong>
                <center>
                  cabecera
                </center>
                </strong> </font></td>
            </tr>
            <tr> 
              <td bgcolor="#ffffcc"><font face="arial, verdana, helvetica"> centro</font></td>
            </tr>
            <tr> 
              <td style="TEXT-ALIGN: center">pie</td>
            </tr>
          </tbody>
        </table></td>
    </tr>
  </table>
  </center> 

DX

[Princo]

Exacto, muchas gracias, es exactamente lo que quería, te estoy muy agradecido. perdona que no contestara antes, pero el trabajo es el trabajo.

[DragonX]

Iniciado por Princo

Exacto, muchas gracias, es exactamente lo que quería, te estoy muy agradecido. perdona que no contestara antes, pero el trabajo es el trabajo.

todo bien Princo primero el trabajo y después lo demás!


DX