Ver Mensaje Individual
  #7 (permalink)  
Antiguo 01/08/2008, 11:56
Avatar de Fernand0
Fernand0
 
Fecha de Ingreso: septiembre-2005
Ubicación: Buenos Aires
Mensajes: 610
Antigüedad: 18 años, 6 meses
Puntos: 19
Respuesta: Pasar este ejemplo a CSS

Cita:
Iniciado por Jamati Ver Mensaje
1) En el td.des al tener un solo renglon, aparece a media altura, en cambio si tiene dos renglones, queda equiparado con la columna izquierda que siempre tendrá 2 renglones.... esto no lo pude hacer con span o ul.

2) lo mismo con el td.link, quiero que se acomode solo como la segunda fila del ejemplo.
Código:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
table.tabla {
	width:550px;
	border:0;
	font:12px Arial;
}
table.tabla td {
	height: 20px;
}
table.tabla td.tit {
	width:250px;
	padding-top: 12px;
	border-bottom:1px solid #000000;
	font-weight: bold;
}
table.tabla td.des {
	width:200px;
	text-align:center;
}
table.tabla td.link {
	width:100px;
	text-align:right;
}
</style>
</head>
<body>
<table cellpadding="0" cellspacing="0" class="tabla">
<tr><td class="tit" colspan="3">TITULO DE PRUEBA</td></tr>
<tr><td>Descripción de prueba</td><td class="des">Prueba</td><td class="link">Prueba</td></tr>
<tr><td class="tit">TITULO DE PRUEBA</td><td class="tit" align="center">titulo 1</td><td class="tit" align="right">titulo 2</td></tr>
<tr><td>Descripción de prueba</td><td class="des">Prueba 1</td><td class="link">Prueba 1</td></tr>
<tr><td>Descripción de prueba 2</td><td class="des">Prueba 2</td><td class="link">Prueba 2</td></tr>
</table>
</body>
</html>
No habia leido bien.. disculpas.. ahi tenes la solucion... no uses <br>

Vos le podes poner el estilo que quieras.. pero para eso tenes que saber CSS..

saludos