Foros del Web - Ver Mensaje Individual

emprear · #2 (**permalink**) 28/11/2012, 12:17

algunas 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" />
<style type="text/css">
/*<![CDATA[*/
#tabla1 tr{
border: solid red 1px;
}
#tabla2 tr{
border: solid green 2px;
}
#tabla3 tr:nth-child(odd) {border: solid 1px #0D324D;}
#tabla3 tr:nth-child(even) {border: solid 1px #00FF00;} 
/*]]>*/
</style>
</head>
<body>
<table id="tabla1" border="1" cellpadding="3" cellspacing="3" rules="rows" frame="box">
<tr><td>AAAAAAA</td><td>BBBBBBBBB</td></tr>
<tr><td>CCCCCCC</td><td>DDDDDDD</td></tr>
</table>
<hr />
<table id="tabla2" border="1" cellpadding="3" cellspacing="1" rules="rows" frame="box">
<tr><td>AAAAAAA</td></tr>
<tr><td>CCCCCCC</td></tr>
</table>
<hr />
<table id="tabla3" border="1" cellpadding="3" cellspacing="1" rules="rows" frame="box">
<tr><td>AAAAAAA</td><td>BBBBBBBBB</td></tr>
<tr><td>CCCCCCC</td><td>DDDDDDD</td></tr>
<tr><td>EEEEEEEE</td><td>GGGGGGGGG</td></tr>
<tr><td>HHHHHHHH</td><td>IIIIIIIIIIIIIIIII</td></tr>
</table>
</body>
</html>

Y te sugiero descartes el uso de font y de meter un div en la celda para para centrar el texto, usa css, propiedades font-family; font-size y text-align para las celdas directamente

Saludos