Foros del Web - Como cambio el size de los <hr />?

Foros del Web (http://www.forosdelweb.com/)

- CSS (http://www.forosdelweb.com/f53/)

- - Como cambio el size de los <hr />? (http://www.forosdelweb.com/f53/como-cambio-size-hr-458196/)

AbdelioR

20/01/2007 15:59

Como cambio el size de los <hr />?

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.:borracho:

JavierB

20/01/2007 16:15

Re: Como cambio el size de los <hr />?

Hola AbdelioR

Prueba con:

hr {height:1px}

Saludos, :adios:

AbdelioR

20/01/2007 16:28

Re: Como cambio el size de los <hr />?

Ya lo probé pero no va. :S

AbdelioR

20/01/2007 16:36

Re: Como cambio el size de los <hr />?

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

20/01/2007 16:42

Re: Como cambio el size de los <hr />?

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

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

JavierB

21/01/2007 03:34

Re: Como cambio el size de los <hr />?

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, :adios:

pzin	21/01/2007 04:24

Re: Como cambio el size de los <hr />?

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

21/01/2007 05:37

Re: Como cambio el size de los <hr />?

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 :arriba:

AbdelioR

21/01/2007 10:56

Re: Como cambio el size de los <hr />?

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 ;)

La zona horaria es GMT -6. Ahora son las 02:19.