Foros del Web » Creando para Internet » CSS »

HR en CSS

Estas en el tema de HR en CSS en el foro de CSS en Foros del Web. Tengo un div izquierda a modo de menu del usuario. En ella separo apartados con <hr> Bueno visualmente en IE7 parece que despues del <hr> ...
  #1 (permalink)  
Antiguo 11/03/2009, 11:35
 
Fecha de Ingreso: octubre-2008
Mensajes: 112
Antigüedad: 9 años, 2 meses
Puntos: 0
HR en CSS

Tengo un div izquierda a modo de menu del usuario.
En ella separo apartados con <hr>

Bueno visualmente en IE7 parece que despues del <hr> le mete como un <br> mas.
Y en todos los webkits(Firefox; Opera...) se ve igual.

Código HTML:
<hr>
<h4>AVISOS:</h4>
<hr>
<h4>CONFIGURACION:</h4>
<hr>
<h4>YOKESE:</h4>
<hr> 
hay una diferencia abismal de uno a otro.

css H4
Código HTML:
.izquierda h4{
	text-align: center;
        color: black;
        font-family: Verdana;
        font-weight:bold;
	font-size:10pt;
}
y HR lo pongo asi sin mas. Alguna idea ??

Saludos y Gracias,
  #2 (permalink)  
Antiguo 11/03/2009, 12:22
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: HR en CSS

Puedes dar definir las propiedades de hr en el css, entre ellos la altura y los márgenes superior/inferior.

También puedes eliminar los hr del html y como los h3 son elementos en bloque se colocarán cada uno en una línea. Le marcas los márgenes superior/inferior a h3 y listo.

Habría más formas, pero creo que eso que tienes quedaría mejor colocado en una lista desordenada: <ul><li>, ya que tiene toda la pinta de ser un menú.

Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #3 (permalink)  
Antiguo 12/03/2009, 03:04
 
Fecha de Ingreso: octubre-2008
Mensajes: 112
Antigüedad: 9 años, 2 meses
Puntos: 0
Respuesta: HR en CSS

kseso? he puesto esto:

Código HTML:
.izquierda hr {

	color: black;
	background-color: black;
	margin: 0;
	padding: 0;
}
y como k no hace mucho caso. Nose.
Lo del h3 no se como dices de hacerlo, en vez de poner hr poner h3 a secas ??
--------
Lo que quiero separar en ese div izquierdo el cual pilla todo el lateral izquierdo es separar menus y una especie de apartados, con rayas por ejemplo, por eso use HR. Es decir tengo un menu con botnes, y como otros miniapartados de informacion y tal. Los cual quiero separar para que no quede todo junto.
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 05:45.