Ver Mensaje Individual
  #2 (permalink)  
Antiguo 30/07/2007, 19:58
Avatar de PatomaS
PatomaS
Colaborador
 
Fecha de Ingreso: marzo-2004
Ubicación: En alguna otra parte
Mensajes: 4.656
Antigüedad: 20 años, 1 mes
Puntos: 63
Re: bordes de tabla

Hola

Si te refieres a la pregunta frecuente 23, le falta el border-collapse: collapse; en el estilo asignado a la tabla.


En cualquier caso, te dejo un ejemplo sencillo:
Código HTML:
<?xml version="1.0" encoding="ISO-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es">
<head>
	<style type="text/css">
		* {border: 0; margin: 0; padding: 0;}
		html,body { width: 100%; height: 100%; background-color: #ccc; }
		caption {padding: 5px;}
		#Base { width: 50%; padding-left: 25%; }
		#tabla {
			width: 100%;
			border: 1px solid #fff;
			border-collapse: collapse;
		}
		.a{
			border-right: 1px solid #f00;
		}
		.b{
			border-right: 1px solid #0f0;
		}
	</style>
	<title>Pruebilla</title>
</head>
<body>
<div id="Base">
	<table id="tabla">
		<caption>Ejemplo de bordes en una tabla</caption>
		<tr>
			<td class="a"><p>&nbsp;</p></td>
			<td class="b"><p>&nbsp;</p></td>
			<td><p>&nbsp;</p></td>
		</tr>
		<tr>
			<td class="a"><p>&nbsp;</p></td>
			<td class="b"><p>&nbsp;</p></td>
			<td><p>&nbsp;</p></td>
		</tr>
	</table>
</div>
</body>
</html> 
Felicidad
__________________
¡ hey, hou, hou, hey !