Problema con pagina web

juanballester5 · #1 (**permalink**) 23/11/2011, 04:59

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

TheCastor · #2 (**permalink**) 23/11/2011, 05:28

Lo que quieres es imposible.
Puedes probar a hacer varias tablas.
O.... hacer en ese tabla varias columnas y combinarlas segun te convenga

emprear · #3 (**permalink**) 23/11/2011, 06:39

Dos variantes

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
</head>
<body> 
<table width="100%" border="1"> 
    <colgroup> 
        <col width="5%" /><col width="5%" /> 
        <col width="5%" /><col width="5%" /> 
        <col width="5%" /><col width="5%" /> 
        <col width="5%" /><col width="5%" /> 
        <col width="5%" /><col width="5%" /> 
        <col width="5%" /><col width="5%" /> 
        <col width="5%" /><col width="5%" /> 
        <col width="5%" /><col width="5%" /> 
        <col width="5%" /><col width="5%" /> 
        <col width="5%" /><col width="5%" /> 
    </colgroup> 
    <tr> 
        <td colspan="5">25</td> 
        <td colspan="10">50</td> 
        <td colspan="5">25</td> 
    </tr> 
    <tr> 
        <td colspan="10">50</td> 
        <td colspan="6">30</td> 
        <td colspan="4">20</td> 
    </tr> 
</table> 
</body> 
</html>

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

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>titulo</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<style type="text/css">
/*<![CDATA[*/
td {
text-align: center;
}
/*]]>*/
</style>
</head>
<body>
<table border="1">
<tr>
<td width="200">a</td>
<td width="200">botonera</td>
<td width="200">c</td>
</tr>
 
<tr>
<td colspan="3">
 
<table border="1">
<tr>
<td width="300">d</td>
<td width="100">e</td>
<td width="300">f</td>
</tr>
</table>
 
</td>
</tr>
</table>
</body>
</html>

Saludos

DrFaust · #4 (**permalink**) 27/11/2011, 13:43

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.