Foros del Web » Creando para Internet » HTML »

ayda con celdas

Estas en el tema de ayda con celdas en el foro de HTML en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 15/08/2007, 08:07
 
Fecha de Ingreso: agosto-2006
Mensajes: 5
Antigüedad: 11 años, 4 meses
Puntos: 0
ayda con celdas

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
  #2 (permalink)  
Antiguo 15/08/2007, 08:12
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.339
Antigüedad: 15 años, 6 meses
Puntos: 153
Re: ayda con celdas

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
  #3 (permalink)  
Antiguo 15/08/2007, 08:19
 
Fecha de Ingreso: agosto-2006
Mensajes: 5
Antigüedad: 11 años, 4 meses
Puntos: 0
Re: ayda con celdas

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
  #4 (permalink)  
Antiguo 15/08/2007, 09:01
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.339
Antigüedad: 15 años, 6 meses
Puntos: 153
Re: ayda con celdas

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
  #5 (permalink)  
Antiguo 15/08/2007, 15:40
 
Fecha de Ingreso: agosto-2006
Mensajes: 5
Antigüedad: 11 años, 4 meses
Puntos: 0
Re: ayda con celdas

Exacto, muchas gracias, es exactamente lo que quería, te estoy muy agradecido. perdona que no contestara antes, pero el trabajo es el trabajo.
  #6 (permalink)  
Antiguo 15/08/2007, 15:44
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.339
Antigüedad: 15 años, 6 meses
Puntos: 153
Re: ayda con celdas

Cita:
Iniciado por Princo Ver Mensaje
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
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 13:05.