Ver Mensaje Individual
  #6 (permalink)  
Antiguo 06/05/2010, 07:10
Avatar de anfergon
anfergon
 
Fecha de Ingreso: junio-2009
Mensajes: 44
Antigüedad: 14 años, 10 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