Foros del Web » Creando para Internet » CSS »

hr y texto muy separado

Estas en el tema de hr y texto muy separado en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 25/03/2009, 11:43
 
Fecha de Ingreso: septiembre-2003
Ubicación: lima
Mensajes: 378
Antigüedad: 14 años, 3 meses
Puntos: 0
hr y texto muy separado

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
  #2 (permalink)  
Antiguo 25/03/2009, 12:30
Avatar de Calizman
Organiza competencias CSS
 
Fecha de Ingreso: octubre-2008
Ubicación: Ciudad de Guatemala, Guatemala
Mensajes: 1.122
Antigüedad: 9 años, 2 meses
Puntos: 83
Respuesta: hr y texto muy separado

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!!!
__________________
[ Mi Sitio Personal ]
"La felicidad no es una estacion de llegada... Es un modo de viajar"
Tom Schreiter
  #3 (permalink)  
Antiguo 25/03/2009, 14:12
 
Fecha de Ingreso: septiembre-2003
Ubicación: lima
Mensajes: 378
Antigüedad: 14 años, 3 meses
Puntos: 0
Respuesta: hr y texto muy separado

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
  #4 (permalink)  
Antiguo 25/03/2009, 14:18
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: hr y texto muy separado

Cita:
Iniciado por juanpro Ver Mensaje


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.

  #5 (permalink)  
Antiguo 25/03/2009, 14:19
Avatar de Carlmycol  
Fecha de Ingreso: diciembre-2007
Ubicación: Los Teques, Venezuela
Mensajes: 240
Antigüedad: 10 años
Puntos: 3
Respuesta: hr y texto muy separado

Ese hr que quieres modificar "unico" pones:

Código html:
Ver original
  1. <span class="clase_del_hr_especial"><hr /></span>

Código css:
Ver original
  1. .clase_del_hr_especial {
  2. /* estilo del hr espacial */
  3. }

ó si tienes varias cosas en la clase

Código css:
Ver original
  1. .clase_del_hr_especial hr {
  2. /* estilo del hr espacial */
  3. }

Los otros hr los pones en otra clase diferente
  #6 (permalink)  
Antiguo 25/03/2009, 14:23
 
Fecha de Ingreso: septiembre-2003
Ubicación: lima
Mensajes: 378
Antigüedad: 14 años, 3 meses
Puntos: 0
Respuesta: hr y texto muy separado

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;
}
  #7 (permalink)  
Antiguo 25/03/2009, 14:28
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: hr y texto muy separado

Cita:
Iniciado por juanpro Ver Mensaje

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

  #8 (permalink)  
Antiguo 25/03/2009, 14:43
 
Fecha de Ingreso: septiembre-2003
Ubicación: lima
Mensajes: 378
Antigüedad: 14 años, 3 meses
Puntos: 0
Respuesta: hr y texto muy separado

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
  #9 (permalink)  
Antiguo 25/03/2009, 15:44
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: hr y texto muy separado

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.

  #10 (permalink)  
Antiguo 25/03/2009, 16:03
 
Fecha de Ingreso: septiembre-2003
Ubicación: lima
Mensajes: 378
Antigüedad: 14 años, 3 meses
Puntos: 0
Respuesta: hr y texto muy separado

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
  #11 (permalink)  
Antiguo 25/03/2009, 16:58
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: hr y texto muy separado

Cita:
Iniciado por juanpro Ver Mensaje
Si gracias amiguito, pero me quedo con la espina de poder hacerlo de la otra manera
A mi me pasa lo mismo.

Saludos.

  #12 (permalink)  
Antiguo 25/03/2009, 17:01
Avatar de Triby
Mod on free time
 
Fecha de Ingreso: agosto-2008
Ubicación: $MX->Gto['León'];
Mensajes: 9.741
Antigüedad: 9 años, 4 meses
Puntos: 2113
Respuesta: hr y texto muy separado

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

Código css:
Ver original
  1. hr.azul {
  2. margin-top: -5px;
  3. border-top: 1px solid #daeefe;
  4. border-bottom: 1px solid #ffffff;
  5. }

Código html:
Ver original
  1. <hr class="azul" />
__________________
- León, Guanajuato
- GV-Foto
  #13 (permalink)  
Antiguo 26/03/2009, 18:24
 
Fecha de Ingreso: enero-2003
Ubicación: Córdoba, Argentina
Mensajes: 1.047
Antigüedad: 14 años, 10 meses
Puntos: 10
Respuesta: hr y texto muy separado

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 {}
__________________
oohh... quisiera ser godines!!!
  #14 (permalink)  
Antiguo 27/03/2009, 11:52
 
Fecha de Ingreso: septiembre-2003
Ubicación: lima
Mensajes: 378
Antigüedad: 14 años, 3 meses
Puntos: 0
Respuesta: hr y texto muy separado

Igual no surge efecto..!!!
  #15 (permalink)  
Antiguo 27/03/2009, 17:09
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: hr y texto muy separado

No "surte" efecto.

El enlace dice que "página no encontrada". Si lo pones en línea le podremos echar un vistazo.
  #16 (permalink)  
Antiguo 30/03/2009, 08:41
 
Fecha de Ingreso: septiembre-2003
Ubicación: lima
Mensajes: 378
Antigüedad: 14 años, 3 meses
Puntos: 0
Respuesta: hr y texto muy separado

http://www.erp-solutionsperu.com/
  #17 (permalink)  
Antiguo 31/03/2009, 14:21
 
Fecha de Ingreso: enero-2003
Ubicación: Córdoba, Argentina
Mensajes: 1.047
Antigüedad: 14 años, 10 meses
Puntos: 10
Respuesta: hr y texto muy separado

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

en ese caso tienes que ponerlo asi:

#columnderconte hr {}
__________________
oohh... quisiera ser godines!!!
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:08.