bordes tablas

yesik · #1 (**permalink**) 15/12/2004, 04:28

Como puedo conseguir que mis tablas solamente tengan bords laterales??

JavierB · #2 (**permalink**) 15/12/2004, 04:37

hola yesik

Pon esto en el <head> de tu página:

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

Saludos,

tunait · #3 (**permalink**) 15/12/2004, 04:43

Tema trasladado al foro de CSS desde (x)html

yesik · #4 (**permalink**) 15/12/2004, 04:48

Gracias, no había pensado en CSs para tablas

JavierB · #5 (**permalink**) 15/12/2004, 11:00

Me alegro de que te haya servido. Las Css son útiles para muchas cosas

yesik · #6 (**permalink**) 21/12/2004, 04:27

Ahora tengo 1 nuevo problem, mi estilo de table es
<style type="text/css">
table {border:1px black;border-style:none solid}
</style>
que utilizo para la que comprende toda la web, pero desearía crear otras tablas dentro con diferente estilo, lo he probado de varias formas pero no lo consigo !!

JavierB · #7 (**permalink**) 21/12/2004, 04:36

Hola de nuevo.

Puedes crear tantos estilos como necesites:

<style type="text/css">
.estilo1 {border:1px black;border-style:none solid}
.estilo2 {border:2px solid green}
</style>

y luego se lo aplicas a las tablas que quieras.

<table class="estilo1">
<table class="estilo2">

Saludos,

yesik · #8 (**permalink**) 21/12/2004, 05:12

Lo que pasa es que tengo el estilo

table {
border-style:none outset;
border: 8px grey;
}

y me lo coge por "defecto" para todas las tablas, ignoando cualquier modificacion,,
y si cambio el nombre de table por otro, el <table class="estilo1"> tp me lo hace.????

Gracias x tu ayuda

JavierB · #9 (**permalink**) 21/12/2004, 09:53

Rehola.

Me sorprende

¿Puedes poner todo el código Css que estás usando para las tablas?

Saludos,

yesik · #10 (**permalink**) 21/12/2004, 09:58

Tan sólo tengo 1estilo para las tablas

table {
border-style:none outset;
border: 8px grey;
}

que no necesito no llamar desde la página ya que al declarar 1 tabla ya lo "asume"

JavierB · #11 (**permalink**) 21/12/2004, 10:56

Lo siento

me he perdido

yesik · #12 (**permalink**) 22/12/2004, 01:46

table {
border-style:none outset;
border: 8px grey;
}

es el unico estilo qe tengo y cuando declaro <table> no necesito darle el class"table" pq ya lo "asume", y si le cambio el nombre al estilo no lo pilla,, bueno gracias x tu ayuda

Ger@rd0 · #13 (**permalink**) 23/12/2004, 08:46

a esto es lo que te refieres??????....

<html>
<head>
<style type="text/css">
.t {
border-style:none outset;
border: 8px grey;
}

.t2 {border:double 4 blue;
border-left-color:black;
border-top-style:dotted;
bordercolor="red"
bordercolordark=#c0c0c0}

</style>
</head>
<body>
<table class="t">
<tr>
<td>Contenido bordeado</td>
</tr>
</table>
<p>

<table class="t2">
<tr>
<td>Contenido bordeado</td>
</tr>
</table>

</body>
</html>

jhoncacru · #14 (**permalink**) 13/01/2005, 07:48

Ger@rd0: como puedo personalizar los bordes
derecho, izquierdo superior e inferior???

kawoq · #15 (**permalink**) 13/01/2005, 09:12

Cita:

Iniciado por yesik

table {
border-style:none outset;
border: 8px grey;
}

es el unico estilo qe tengo y cuando declaro <table> no necesito darle el class"table" pq ya lo "asume", y si le cambio el nombre al estilo no lo pilla,, bueno gracias x tu ayuda

SAludos amigo, lo que estas haciendo con ese code, es que todas las tablas agarraran ese estilo. Para que solo se aplique en determinada tabla necesitas crear lo que se llaman clases en CSS y una forma de hacerlo es agregandole un . antes del table, por lo tanto tu code seria el siguiente:

Código HTML:

.table {
border-style:none outset;
border: 8px grey;
}

Bueno luego en la tabla que tu deseas colocarlo, lo haras de la siguiente forma.

Código HTML:

<table width=770 height= 600 class=table>
<tr><td>aca va tu contenido</td></tr></table>

No se si me explico. A las clases en CSS les puedes poner el nombre que quieras, y luego la puedes usar donde quieras. Para esto utilizemos el mismo codigo que tienes solo que en lugar de table llamaremos a la clase "ejemplo" esto quedaria asi:

Código HTML:

.ejemplo {
border-style:none outset;
border: 8px grey;
}

Bueno luego en la tabla que tu deseas colocarlo, lo haras de la siguiente forma.

Código HTML:

<table width=770 height= 600 class=ejemplo>
<tr><td>aca va tu contenido</td></tr></table>

Espero que te sirva.

Cita:

Escrito por jhoncacru ...
Ger@rd0: como puedo personalizar los bordes
derecho, izquierdo superior e inferior???

Para personalizar los bordes puedes usar el siguiente codigo CSS:

Código:

.bordes{
border-right:1px solid #666699;
border-bottom:1px solid #666699; 
border-top:1px solid #666699; 
border-left:1px solid #666699;
}

Y luego ya lo aplicas en tu tabla o celda que desees.

Saludos.

juque · #16 (**permalink**) 13/01/2005, 12:44

Recuerda que también puedes definir los colores en hexadecimal abreviado, cada canal que se repita lo puedes representar en uno sólo caracter hexadecimal:

Código:

.bordes{
border-right:1px solid #669;
border-bottom:1px solid #669; 
border-top:1px solid #669; 
border-left:1px solid #669;
}

jhoncacru · #17 (**permalink**) 13/01/2005, 13:29

ok me funcionó, muchas gracias ...............