Foros del Web » Creando para Internet » CSS »

Como cambio el size de los <hr />?

Estas en el tema de Como cambio el size de los <hr />? en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 20/01/2007, 15:59
Avatar de AbdelioR  
Fecha de Ingreso: septiembre-2006
Ubicación: Tarragona
Mensajes: 926
Antigüedad: 11 años, 2 meses
Puntos: 8
Pregunta 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.
  #2 (permalink)  
Antiguo 20/01/2007, 16:15
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 15 años, 10 meses
Puntos: 771
Re: Como cambio el size de los <hr />?

Hola AbdelioR

Prueba con:

hr {height:1px}

Saludos,
  #3 (permalink)  
Antiguo 20/01/2007, 16:28
Avatar de AbdelioR  
Fecha de Ingreso: septiembre-2006
Ubicación: Tarragona
Mensajes: 926
Antigüedad: 11 años, 2 meses
Puntos: 8
Re: Como cambio el size de los <hr />?

Ya lo probé pero no va. :S
  #4 (permalink)  
Antiguo 20/01/2007, 16:36
Avatar de AbdelioR  
Fecha de Ingreso: septiembre-2006
Ubicación: Tarragona
Mensajes: 926
Antigüedad: 11 años, 2 meses
Puntos: 8
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
  #5 (permalink)  
Antiguo 20/01/2007, 16:42
Avatar de AbdelioR  
Fecha de Ingreso: septiembre-2006
Ubicación: Tarragona
Mensajes: 926
Antigüedad: 11 años, 2 meses
Puntos: 8
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
  #6 (permalink)  
Antiguo 21/01/2007, 03:34
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 15 años, 10 meses
Puntos: 771
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,
  #7 (permalink)  
Antiguo 21/01/2007, 04:24
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.462
Antigüedad: 15 años, 4 meses
Puntos: 2099
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. :/
  #8 (permalink)  
Antiguo 21/01/2007, 05:37
Avatar de seoista  
Fecha de Ingreso: septiembre-2003
Ubicación: Pues leyéndote
Mensajes: 1.076
Antigüedad: 14 años, 3 meses
Puntos: 57
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
  #9 (permalink)  
Antiguo 21/01/2007, 10:56
Avatar de AbdelioR  
Fecha de Ingreso: septiembre-2006
Ubicación: Tarragona
Mensajes: 926
Antigüedad: 11 años, 2 meses
Puntos: 8
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 ;)
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 15:24.