Como colocar bordes solidos?

8461277 · #1 (**permalink**) 29/11/2006, 14:43

es decir eliminar el doble linea de una tabla html, que no tenga nada dentro de la doble linea

Es decir que en ves de que sea asi este relleno por dentro de un color

para que quede como una tabla hecha en word con bordes negro y grueso o finos

Por ayuda

F.Y.N. · #2 (**permalink**) 29/11/2006, 15:50

Le tienes que poner el atributo Esp. celda y rell. celda en 0 si usas dreamweaver y en borde le pones 1 2 o 3 segun el grosor. en HTML seria asi:
<table border="3" cellpadding="0" cellspacing="0">

juanchilo · #3 (**permalink**) 29/11/2006, 20:13

o bien si utilizarias <div></div> con css lo eclararias asi:

Código:

.lineasolida {border: 1px solid #000000;}

y eso se lo aplicas a la siguiente classe:

Código HTML:

<div class="lineasolida"> este es el contenido </div>

saludos

lineadecodigo · #4 (**permalink**) 04/12/2006, 07:47

También puedes aplicar a la tabla el estilo CSS. De hecho, con lo estilos CSS puedes cambiar el tipo de borde. Poniendolos de diferente forma.

Prueba este código HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Tabla con Borde</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">

</style>
</head>

<body>
<table width="50%" border="0" class="borde">
<tr>
<td>Cuatrimestre</td>
<td>Cantidad</td>
</tr>
<tr>
<td>Q1</td>
<td>1.500.000</td>
</tr>
<tr>
<td>Q2</td>
<td>2.320.000</td>
</tr>
<tr>
<td>Q3</td>
<td>3.540.000</td>
</tr>
<tr>
<td>Q4</td>
<td>2.000.000</td>
</tr>
</table>

</body>
</html>

Ahora prueba a cambiar en el estilo "dotted" (que son líneas discontinuas) por los siguientes valores: "dashed", "solid", "double", "groove",... y veras como cambian.

Si lo aplicas al estilo border lo aplicas a todo el borde. Pero si quieres aplicarlo solo a alguno de los lados o arriba/abajo puedes jugar con las otras propiedades.

Salu2.
Línea de Código.

JavierB · #5 (**permalink**) 04/12/2006, 08:05

Hola a todos.

Más sencillo:

Código:

<style type="text/css">
table {border-collapse: collapse}
td {border:1px solid black}
</style>

Saludos,

lineadecodigo · #6 (**permalink**) 04/12/2006, 08:17

Pues si. Mucho más sencillo. Además si en la tabla has utilizado cabeceras

<tr>
<th>Cuatrimestre</th>
<th>Cantidad</th>
</tr>

Puedes manipular el estilo de la etiqueta TH para conseguir tablas mucho más "excelianas".

<style type="text/css">
table {border-collapse: collapse}
td {border:1px solid black}
th {
background-color: #0066FF;
}
</style>

Salu2.
Línea de Código.