Como cambio el size de los <hr />?

AbdelioR · #1 (**permalink**) 20/01/2007, 15:59

Hola, mi duda es como modificar el tamaño de la barrita, ya que si pongo

<hr size="1" /> me la hace fina, pero si en mi hoja de estilos pongo

size: 1px; no lo coje.

Como hago para modificar este atributo desde la hoja de estilos?

Gracias.

JavierB · #2 (**permalink**) 20/01/2007, 16:15

Hola AbdelioR

Prueba con:

hr {height:1px}

Saludos,

AbdelioR · #3 (**permalink**) 20/01/2007, 16:28

Ya lo probé pero no va. :S

AbdelioR · #4 (**permalink**) 20/01/2007, 16:36

Aaaaarggggg desesperacionnnnn vaya ascoooo.

En Firefox no va, pero en IE si, que significa esto???? voy a tener que volver a las imagenes que habia echo yo de antes?? una imagen de fondo con la linia? :S:S:S

AbdelioR · #5 (**permalink**) 20/01/2007, 16:42

Firefox tampoco me lee el color de la barrita color: #b9c0b3;

Hay alguna manera de arreglar todo este lio??? :S :S

JavierB · #6 (**permalink**) 21/01/2007, 03:34

Hola de nuevo.

No me había dado cuenta de que en Firefox no funcionaba

Intentalo con un div:

div {height:1px; line-height:1px; border-bottom:1px solid red}

Saludos,

pzin · #7 (**permalink**) 21/01/2007, 04:24

Para Firefox funciona con esto:

Código:

hr{border:0;border-top:1px dashed #397300;}

Lo que así en Internet Explorer no funciona. Con algún hack se podrá solucionar supongo.

Olvídenlo, que no es lo que se preguntaba. :/

seoista · #8 (**permalink**) 21/01/2007, 05:37

A ver si te sirve con esto (a mí me va bien en Internet Explorer y Firefox):

Código:

<html>
<head>
<style type="text/css">
#linea
	{color: #ff0000;
	width: 100%;
	height: 3px;
	background-color: #ff0000;
	border: 0;}
</style>
</head>
<body>
.....
<hr id="linea" />
.....
</body>
</html>

Suerte

AbdelioR · #9 (**permalink**) 21/01/2007, 10:56

Gracias por la respuesta, la verdad que seguí probando y decidi hacerlo con border-bottom, es una lista y me funciona a la perfeccion.

Cuando necesite de nuevo los <hr> intentaré esta manera haver.

Gracias ;)