Foros del Web » Creando para Internet » HTML »

Problema con pagina web

Estas en el tema de Problema con pagina web en el foro de HTML en Foros del Web. Hola a todos: ¿Alguien sabe como coño conseguir que las celdas de una tabla en dreamweaver no tengan que tener el mismo ancho? Me explico, ...
  #1 (permalink)  
Antiguo 23/11/2011, 04:59
 
Fecha de Ingreso: mayo-2011
Ubicación: Valencia
Mensajes: 15
Antigüedad: 12 años, 10 meses
Puntos: 0
Problema con pagina web

Hola a todos:

¿Alguien sabe como coño conseguir que las celdas de una tabla en dreamweaver no tengan que tener el mismo ancho? Me explico, tengo una tabla y en la primera fila ,que tiene 3 columnas, consigo "centrar" una botonera poniendola en la columna central, hasta ahi ok????.....El problema viene cuando un par de filas mas abajo quiero poner en la celda correspondiente algo que es mas ancho que la botonera que está en la parte superior, todo se deforma y se descentra a corde al nuevo ancho.....He probado a utilizar anchos de tabla fijos en lugar de porcentuales pero todo sigue igual ¿alguien puede echarme un cable? Gracias
  #2 (permalink)  
Antiguo 23/11/2011, 05:28
 
Fecha de Ingreso: junio-2011
Mensajes: 68
Antigüedad: 12 años, 9 meses
Puntos: 4
Respuesta: Problema con pagina web

Lo que quieres es imposible.
Puedes probar a hacer varias tablas.
O.... hacer en ese tabla varias columnas y combinarlas segun te convenga
  #3 (permalink)  
Antiguo 23/11/2011, 06:39
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 16 años, 9 meses
Puntos: 1567
Respuesta: Problema con pagina web

Dos variantes

Código HTML:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <title>titulo</title>
  5. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  6. </head>
  7. <body>
  8. <table width="100%" border="1">
  9.     <colgroup>
  10.         <col width="5%" /><col width="5%" />
  11.         <col width="5%" /><col width="5%" />
  12.         <col width="5%" /><col width="5%" />
  13.         <col width="5%" /><col width="5%" />
  14.         <col width="5%" /><col width="5%" />
  15.         <col width="5%" /><col width="5%" />
  16.         <col width="5%" /><col width="5%" />
  17.         <col width="5%" /><col width="5%" />
  18.         <col width="5%" /><col width="5%" />
  19.         <col width="5%" /><col width="5%" />
  20.     </colgroup>
  21.     <tr>
  22.         <td colspan="5">25</td>
  23.         <td colspan="10">50</td>
  24.         <td colspan="5">25</td>
  25.     </tr>
  26.     <tr>
  27.         <td colspan="10">50</td>
  28.         <td colspan="6">30</td>
  29.         <td colspan="4">20</td>
  30.     </tr>
  31. </table>
  32. </body>
  33. </html>

La solución más común y facil es usar una tabla anidada

Código HTML:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <title>titulo</title>
  5. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  6. <style type="text/css">
  7. /*<![CDATA[*/
  8. td {
  9. text-align: center;
  10. }
  11. /*]]>*/
  12. </head>
  13. <table border="1">
  14. <tr>
  15. <td width="200">a</td>
  16. <td width="200">botonera</td>
  17. <td width="200">c</td>
  18. </tr>
  19.  
  20. <tr>
  21. <td colspan="3">
  22.  
  23. <table border="1">
  24. <tr>
  25. <td width="300">d</td>
  26. <td width="100">e</td>
  27. <td width="300">f</td>
  28. </tr>
  29.  
  30. </td>
  31. </tr>
  32. </body>
  33. </html>

Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #4 (permalink)  
Antiguo 27/11/2011, 13:43
Avatar de DrFaust  
Fecha de Ingreso: septiembre-2011
Ubicación: Buenos Aires
Mensajes: 308
Antigüedad: 12 años, 6 meses
Puntos: 87
Respuesta: Problema con pagina web

Las tablas se utilizan para mostrar información tabular, no para maquetar sitios web. Si en lugar de una tabla estuvieras utilizando contenedores DIV, no tendrías ese problema.
__________________
Desarrollador web profesional

Etiquetas: tabla, botones
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 19:40.