hr y texto muy separado

[juanpro]

hola, un saludo a todos, tengo un problema, tengo un texto y seguido un hr,lo que pasa es que estan muy separados, quisiera saber si hay una manera de poder juntar un poco. ejemplo

INFORMACION DE INTERES
_____________________


La linea es el hr, lo que deseo hacer es juntarlo un poco al texto, espero se entienda la idea.

Gracias de antemano

[Calizman]

Saludos!!

En el CSS de el texto (imagino que esta metido dentro de un <p>) podrias escribir

p {
margin: 0px;
padding: 0px;
}

y al hr asi:

hr {
margin: 0px;
padding: 0px;
}

Seguramente esto te servira... si en algun caso no te sirve, podrias usar el margin-top: -2px; en el hr, para que el hr suba.

Hasta Luego!!!

[juanpro]

Gracias amigo, si sale, pero como hago para aplicar diferentes estilos a un hr, osea tengo varios hr, pero con diferente apariencia, hise esto, pero afecta a todos los hr.

hr{
border-top: 1px #e4e4e4 solid;
border-bottom: 1px #ffffff solid;
margin-top: 10px;
}


Con esto trato de meterle una clase al hr, pero me afecta a todos los hr
.lineacolumder, hr{
margin-top: -5px;
border-top: 1px solid #daeefe;
border-bottom: 1px solid #ffffff;
}

Gracias de antemano

[jomaruro]

Iniciado por juanpro

Con esto trato de meterle una clase al hr, pero me afecta a todos los hr
.lineacolumder, hr{
margin-top: -5px;
border-top: 1px solid #daeefe;
border-bottom: 1px solid #ffffff;
}

Hola:

Creo que tienes el error en la coma, ponlo así

Código:

.lineacolumder hr{

Saludos.

[Carlmycol]

Ese hr que quieres modificar "unico" pones:

Código html:

<span class="clase_del_hr_especial"><hr /></span>
 

Código css:

.clase_del_hr_especial {
/* estilo del hr espacial */
}
 

ó si tienes varias cosas en la clase

Código css:

.clase_del_hr_especial hr {
/* estilo del hr espacial */
}
 

Los otros hr los pones en otra clase diferente

[juanpro]

Si le quito la coma ya no me funciona y a todos los hr los pone con estos estilos.

hr{
border-top: 1px #e4e4e4 solid;
border-bottom: 1px #ffffff solid;
margin-top: 10px;
}

[jomaruro]

Iniciado por juanpro

.lineacolumder, hr{
margin-top: -5px;
border-top: 1px solid #daeefe;
border-bottom: 1px solid #ffffff;
}

Hola de nuevo.

Vale, entonces ponlo al revés:

Código:

hr .lineacolumder{

A ver si ahora damos con la solución.

Saludos.

[juanpro]

Nada amiguito, miralo

http://www.erp-solutionsperu.com/web/

al hr que le quiero aplicar es el que esta en la columna derecha color celeste, horita esta agarrando este estilo:

hr{
border-top: 1px #e4e4e4 solid;
border-bottom: 1px #ffffff solid;
margin-top: 10px;
}


Pero no este:

hr .lineacolumder{
margin-top: -5px;
border-top: 1px solid #daeefe;
border-bottom: 1px solid #ffffff;
}

Gracias por la ayuda

[jomaruro]

Hola:

Pues sólo se me ocurre que pongas los estilos en el propio HTML:

Código:

<hr style="margin-top: -5px; border-top: 1px solid #daeefe; border-bottom: 1px solid #ffffff;" />

Saludos.

[juanpro]

Si gracias amiguito, pero me quedo con la espina de poder hacerlo de la otra manera, que raro deberia de salir en fin, igual el problema esta resuelto.

Se les agradece

[jomaruro]

Iniciado por juanpro

Si gracias amiguito, pero me quedo con la espina de poder hacerlo de la otra manera

A mi me pasa lo mismo.

Saludos.

[Triby]

Puedes crear una clase para cada hr especifico, porque si aplicas los estilos solamente a hr se heredan.

Código css:

hr.azul {
margin-top: -5px;
border-top: 1px solid #daeefe;
border-bottom: 1px solid #ffffff;
}
 

Código html:

<hr class="azul" />
 

[safe]

Creo que estabas confundiendo dos cosas diferentes: como aplicar un estilo a un elemtno segun la clase del padre con aplicar un estilo a un elemento segun su propia clase.

si el HR esta dentro de un DIV o similar con la class "lineacolumder" la forma correcta de aplicarle un estilo es (como dijo jomaruro)

.lineacolumder hr {}

Y si quiere cambiar el estilo de un HR que tiene la clase "lineacolumder" la forma correcta es:

hr.lineacolumder {}

Creo que esta es tu confusion porque en el codigo de la web veo que la clase del DIV padre no es lineacolumder, sino "columnderconte". Osea que lo que deberias usar es:

.columnderconte hr {}

[juanpro]

Igual no surge efecto..!!!

[Mikmoro]

No "surte" efecto.

El enlace dice que "página no encontrada". Si lo pones en línea le podremos echar un vistazo.

[juanpro]

http://www.erp-solutionsperu.com/

[safe]

perdon no me di cuenta que columnderconte no era la clase sino el id.

en ese caso tienes que ponerlo asi:

#columnderconte hr {}