lineas <hr> no cambian de color en FireFox
 

Gente

mediante CSS le quiero dar color a lineas (hr), en IE se ve en el color que le puse, pero en firefox se ven negro, como puede hacer para que en firefox tambien se vea bien las lineas

probe de dos formas pero ninguna funciona

espero su ayuda, gracias de antemano

Hola neomix:

Prueba con:

hr {color: #dfdfdf;
background-color: #dfdfdf;
}

Saludos :arriba:

Caricatos, No hay caso no funciona,

si pongo <hr noshade color="#DFDFDF" width="100%" size="1">
ahi recien se ve bien en firefox, pero no es valido como html 4.01

Que puedo hacer?

Hola,

Para cambiar el color del hr debes asignarle un color al borde:
border-color: #f00;

Me parece que IE no lo reconoce. Él lo colorea con:
color: #f00;

No recuerdo cúal navegador necesita ademas algo como:
background-color: #f00;

¡Saludos!

Oh que curioso. Yo estoy tratando de que mi <hr /> tenga un size=1px y no me deja con estilos:

¿Será que le aplico border:1px?

KnowDemon tampoco funciona poniendole border-color: #f00;

El "estilo" size no existe. El tamaño de cualquier elemento en bloque se define con width y height.

Para que funcione el color de borde debes definir un borde primero... :si:

Puedes probar con algo como:

hr{
border: 3px solid #666;
}

Puedes sutituir la palabra "solid" por estas otras: outset, inset, ridge, groove, double, dashed, dotted. Cada una te dara un estilo de borde diferente.

Estos mismos bordes se los puedes aplicar a cualquier otro elemento.

¡Suerte!

El estilo size si existe. Además usando height y width no modifica en absoluto la altura del <hr />.

Es verdad, existe size (no sabía :-()... pero... sirve para definir el tamaño de la página (impresión):pensando:.

Height y width si afectan al hr. Si yo mismo hice las pruebas antes de contestar...

Verifica el código. Me da que usas un DOCTYPE estricto y no has especificado las unidades en el CSS (o algo así).

¡Saludos!

Sip, uso XHTML Strict 1.0. ¿Especificar las unidades en el CSS?

hr {
height: 1px;
}

Si, eso mismo. Pero no solo en el tamaño del hr, también al especificar el borde.

Si eso no te funciona... entonces... no entiendo nada...:patada:

Por eso amo la programación, cuando se pone más dificil es cuando más interesante es. Probaré con el border.

hr {
padding: 0;
border: solid Red;
border-width: 1px 0 0 0;
color: red;
height: 1px;
}
Las tres primeras funcionan en todos los navegadores menos ie, las dos segundas solo en ie, curioso verdad :)

Gracias Durgeoble
Con tu codigo he logrado que en Firefox se vean las lineas como yo quiero.

Saludos

Perfecto. Funciona de maravilla en ambos navegadores. Thanks!