Foros del Web » Creando para Internet » HTML »

expediente x con una tabla

Estas en el tema de expediente x con una tabla en el foro de HTML en Foros del Web. Hola a todos/as,... mirad, estoy empezando a hacer una tabla para una web personal. Mas o menos tengo conocimientos de html, css y demas pero ...
  #1 (permalink)  
Antiguo 19/09/2007, 15:08
 
Fecha de Ingreso: septiembre-2007
Mensajes: 1
Antigüedad: 10 años, 2 meses
Puntos: 0
expediente x con una tabla

Hola a todos/as,...
mirad, estoy empezando a hacer una tabla para una web personal. Mas o menos tengo conocimientos de html, css y demas pero llevo mas de una hora intentando saber el por qué si le aplico un colspan a una celda de la tabla el texto que esta contiene sigue manteniendo el width de la columna origen, es decir, que no se expande hasta la columna continua, como deberia, como simpre ha sido y que si ocurre en Mozila y Opera pero no en Explorer.

Aqui podeis ver el codigo. Please, necesito una mano. Esta e una de esas cosas que seguro que es algo estupido pero que te enciegas y no hay forma alguna de sacarlo.

Muchas gracias por adelantado. Un saludo

<!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" xml:lang="es" lang="es">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<meta name="robots" content="all" />
<style type="text/css">
body {
width: 2048px;
margin: 0;
padding: 0;
font: 11px Arial, Verdana, sans-serif;
}
table {border-collapse:collapse;}
td {
text-align:justify;
border:1px solid #000;
color:#666;
height:100px;
width:150px;
font:bold 10px verdana;
vertical-align:top;
}
#principal {
position:relative;
}
</style>
</head>

<body>
<div id="principal">
<table border="0" cellspacing="0" cellpadding="3" id="tabla">
<tr>
<td class="op1" id="op1" onclick="activateThisColumn('op1', 1);return false;">celda1 . asda asdsd sd asda sdasdas sadsdad asas ssd sdsadsafd sadsd asd sd a asd asas</td>
<td class="op2" id="op2" onclick="activateThisColumn('op2', 2)">celda2 . asda asdsd sd asda sdasdas sadsdad asas ssd sdsadsafd sadsd asd sd a asd asas</td>
<td class="op3" id="op3" onclick="activateThisColumn('op3', 4)">celda3 . asda asdsd sd asda sdasdas sadsdad asas ssd sdsadsafd sadsd asd sd a asd asas</td>
<td class="op4" id="op4" onclick="activateThisColumn('op4', 5)">celda4 . asda asdsd sd asda sdasdas sadsdad asas ssd sdsadsafd sadsd asd sd a asd asas</td>
<td class="op5" id="op5" onclick="activateThisColumn('op5', 6)">celda5 . asda asdsd sd asda sdasdas sadsdad asas ssd sdsadsafd sadsd asd sd a asd asas</td>
<td class="op6" id="op6" onclick="activateThisColumn('op6')">celda6 . asda asdsd sd asda sdasdas sadsdad asas ssd sdsadsafd sadsd asd sd a asd asas</td>
<td class="op7" id="op7" onclick="activateThisColumn('op7')">celda7 . asda asdsd sd asda sdasdas sadsdad asas ssd sdsadsafd sadsd asd sd a asd asas</td>
<td class="op8" id="op8" onclick="activateThisColumn('op8')">celda8 . asda asdsd sd asda sdasdas sadsdad asas ssd sdsadsafd sadsd asd sd a asd asas</td>
</tr>
<tr>
<td class="op9" id="op9" onclick="activateThisColumn('op9')">&nbsp;</td>
<td class="op10" id="op10" onclick="activateThisColumn('op10')">celda10 . asda asdsd sd asda sdasdas sadsdad asas ssd sdsadsafd sadsd asd sd a asd asas</td>
<td class="op11" id="op11" onclick="activateThisColumn('op11')">celda11 . asda asdsd sd asda sdasdas sadsdad asas ssd sdsadsafd sadsd asasas ass assas</td>
<td class="op13" id="op13" onclick="activateThisColumn('op13')" colspan="2">celda13 . asda asdsd sd asda sdasdas sadsdad asas ssd sdsadsafd sadsd asd sd a asd asas</td>
<td class="op33" id="op33" onclick="activateThisColumn('op33')">celda33 . asda asdsd sd asda sdasdas sadsdad asas ssd sdsadsafd sadsd asd sd a asd asas asd sd a asd asas asd sd a asd asas</td>
<td class="op15" id="op15" onclick="activateThisColumn('op15')">celda15 . asda asdsd sd asda sdasdas sadsdad asas ssd sdsadsafd sadsd asd sd a asd asas</td>
<td class="op16" id="op16" onclick="activateThisColumn('op16')">celda16 . asda asdsd sd asda sdasdas sadsdad asas ssd sdsadsafd sadsd asd sd a asd asas</td>
</tr>
<tr>
<td class="op17" id="op17" onclick="activateThisColumn('op17')">celda17 . asda asdsd sd asda sdasdas sadsdad asas ssd sdsadsafd sadsd asd sd a asd asas</td>
<td class="op18" id="op18" onclick="activateThisColumn('op18')">celda18 . asda asdsd sd asda sdasdas sadsdad asas ssd sdsadsafd sadsd asd sd a asd asas</td>
<td class="op19" id="op19" onclick="activateThisColumn('op19')">celda19 . asda asdsd sd asda sdasdas sadsdad asas ssd sdsadsafd sadsd asd sd a asd asas</td>
<td class="op20" id="op20" onclick="activateThisColumn('op20')">celda20 . asda asdsd sd asda sdasdas sadsdad asas ssd sdsadsafd sadsd asd sd a asd asas</td>
<td class="op21" id="op21" onclick="activateThisColumn('op21')">celda21 . asda asdsd sd asda sdasdas sadsdad asas ssd sdsadsafd sadsd asd sd a asd asas</td>
<td class="op22" id="op22" onclick="activateThisColumn('op22')">celda22 . asda asdsd sd asda sdasdas sadsdad asas ssd sdsadsafd sadsd asd sd a asd asas</td>
<td class="op23" id="op23" onclick="activateThisColumn('op23')">celda23 . asda asdsd sd asda sdasdas sadsdad asas ssd sdsadsafd sadsd asd sd a asd asas</td>
<td class="op24" id="op24" onclick="activateThisColumn('op24')">celda24 . asda asdsd sd asda sdasdas sadsdad asas ssd sdsadsafd sadsd asd sd a asd asas</td>
</tr>
<tr>
<td class="op25" id="op25" onclick="activateThisColumn('op25')" colspan="2">celda25 . asda asdsd sd asda sdasdas sadsdad asas ssd sdsadsafd sadsd asd sd a asd asas</td>
<td class="op27" id="op27" onclick="activateThisColumn('op27')">celda27 . asda asdsd sd asda sdasdas sadsdad asas ssd sdsadsafd sadsd asd sd a asd asas</td>
<td class="op28" id="op28" onclick="activateThisColumn('op28')">celda28 . asda asdsd sd asda sdasdas sadsdad asas ssd sdsadsafd sadsd asd sd a asd asas</td>
<td class="op29" id="op29" onclick="activateThisColumn('op29')">celda29 . asda asdsd sd asda sdasdas sadsdad asas ssd sdsadsafd sadsd asd sd a asd asas</td>
<td class="op30" id="op30" onclick="activateThisColumn('op30')">celda30 . asda asdsd sd asda sdasdas sadsdad asas ssd sdsadsafd sadsd asd sd a asd asas</td>
<td class="op31" id="op31" onclick="activateThisColumn('op31')">celda31 . asda asdsd sd asda sdasdas sadsdad asas ssd sdsadsafd sadsd asd sd a asd asas</td>
<td class="op32" id="op32" onclick="activateThisColumn('op32')">celda32 . asda asdsd sd asda sdasdas sadsdad asas ssd sdsadsafd sadsd asd sd a asd asas</td>
</tr>
</table>
</div>
</body>
</html>
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 08:57.