
06/05/2010, 07:10
|
 | | | Fecha de Ingreso: junio-2009
Mensajes: 44
Antigüedad: 15 años, 8 meses Puntos: 0 | |
Respuesta: Borde de tabla Primero: dale el formato que ya tienes a cada celda.
Segundo: a la table debes darle border-spacing: 0; en el css. Debes utilizar una clase nueva para ello.
Tercero: con esto, todos los bordes interiores de la tabla quedan dobles, por lo que te conviene poner uno de los bordes en 0. Si quitas el borde derecho, a la última celda debes darle una clase diferente y marcarle los cuatro bordes de 1px, para que no quede "abierta".
Yo lo haría así:
<table>
<tr>
<th class="bordepunteado" width="60" >Imagen</th>
<th class="bordepunteado" width="82">Nombre</th>
<th class="bordepunteado" width="97">DefFis<sup>1</sup></th>
<th class="bordepunteado" width="91">DefMag/Fue</th>
<th class="bordepunteado" width="62">Res<sup>2</sup></th>
<th class="bordepunteado" width="39">Peso</th>
<th class="bordepunteado" width="102">Penaliz. Stamina<sup>3</sup></th>
<th class="bordepunteado" width="76">Notas</th>
<th class="bordeexterno" width="110">Localización</th>
</tr>
<tr>
<td><img src="Armaduras/brushwoodhelmet.jpg"></td>
y el CSS:
table {
border-spacing: 0px;
}
.bordepunteado { border-style:dotted; border-color:#003300; border-width:1px; border-width:1px; border-collapse:collapse; border-right-width: 0;}
.bordeexterno { border-style:dotted; border-color:#003300; border-width:1px; border-width:1px; border-collapse:collapse; }
Última edición por anfergon; 06/05/2010 a las 07:20
Razón: Me olvidé de una parte de la respuesta
|