Foros del Web » Creando para Internet » CSS »

Problema al poner ancho y color de borde con css

Estas en el tema de Problema al poner ancho y color de borde con css en el foro de CSS en Foros del Web. Hola,tengo puesto en una tabla border="3px" bordercolor="blue" lo pase a una hoja de estilos ,junto con otras cosas ,pero estas dos no me van ,,las ...
  #1 (permalink)  
Antiguo 07/01/2005, 21:04
 
Fecha de Ingreso: diciembre-2004
Mensajes: 371
Antigüedad: 13 años
Puntos: 0
Problema al poner ancho y color de borde con css

Hola,tengo puesto en una tabla border="3px" bordercolor="blue"

lo pase a una hoja de estilos ,junto con otras cosas ,pero estas dos no me van ,,las puse asi:

border-width:3px;
border-color:blue;

¿Que puede ser?

Gasias.
  #2 (permalink)  
Antiguo 07/01/2005, 22:56
Avatar de Scour  
Fecha de Ingreso: octubre-2003
Ubicación: Murcia (España)
Mensajes: 94
Antigüedad: 14 años, 1 mes
Puntos: 0
Bueno, voy a suponer que el código CSS que tienes es:

table {
border-width:3px;
border-color:blue;
}

Si te falta lo de 'table' y las llaves, es ahí donde está el error, pero supongo que eso lo has obviado en tu pregunta.

Tienes que tener en cuenta, que 'border' y 'bordercolor' de html afecta a los bordes de todas las celdas, pero la propiedad 'border' de CSS no. Si tienes puesto el código que he escrito antes, el borde solo afectará al borde que rodea a la tabla, pero no al borde de las celdas, para que afecte a estas también debes poner:

table, td {
border-width:3px;
border-color:blue;
}

Por otro lado, a mi me ha pasado a veces, cuando una hoja de estilos es muy extensa y se hace dificil seguir el hijo de las herencias de propiedades, que una etiqueta no me ha cogido el estilo, en cuyo caso se suele solucionar si en la declaración especificas el identificador del que depende y le añades la regla !Important para asegurar que no tenga en cuenta la herencia de otros estilos, sino lo especificado; si tu tabla está dentro de un div con el id (por ejemplo) "tabla", esto es:

Código:
<div id="tabla">
<table>
<tr>
<td>Texto</td>
</tr>
</table>
</div>
En la hoja de estilos pon:

#tabla table, #tabla td {
border-width:3px !Important;
border-color:blue !Important;
}

Pruebalo, si funciona es que era problema de las herencias.

Un saludo.
  #3 (permalink)  
Antiguo 11/01/2005, 07:23
Avatar de julio2k  
Fecha de Ingreso: abril-2004
Ubicación: Colombia
Mensajes: 22
Antigüedad: 13 años, 7 meses
Puntos: 0
El problema que tienes es la asignación de la propiedad border-style, ya que su valor predeterminado es none y esta no se hereda,

puedes poner

table, td{
border-style:solid;
border-width:3px;
border-color:blue;
}

ó

table, td{
border:1px solid blue;
}
__________________
julio2k

La herencia que dejas en este mundo son tus obras

:pensando:
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 07:50.