Foros del Web » Creando para Internet » CSS »

Problema: salto grande entre palabras cuando doy enter

Estas en el tema de Problema: salto grande entre palabras cuando doy enter en el foro de CSS en Foros del Web. Que tal, queria saber porque cuando escribo en una web <h2>Concierto </h2> <p>12 de Mayo Teatro Colon, Bs As</p> la fecha 12 de mayo me ...
  #1 (permalink)  
Antiguo 29/04/2007, 18:46
 
Fecha de Ingreso: diciembre-2001
Ubicación: Argentina
Mensajes: 690
Antigüedad: 16 años
Puntos: 1
Problema: salto grande entre palabras cuando doy enter

Que tal, queria saber porque cuando escribo en una web


<h2>Concierto </h2>
<p>12 de Mayo Teatro Colon, Bs As</p>



la fecha 12 de mayo me queda muy separada de concierto, quisiera que esten mas pegadas como si fueran del mismo parrafo, muchas gracias
  #2 (permalink)  
Antiguo 29/04/2007, 19:01
 
Fecha de Ingreso: abril-2007
Mensajes: 127
Antigüedad: 10 años, 7 meses
Puntos: 0
Re: Problema: salto grande entre palabras cuando doy enter

Entonces defini 1 solo parrafo:

Código PHP:
<p>Concierto<br>
12 de Mayo Teatro ColonBs As</p
  #3 (permalink)  
Antiguo 29/04/2007, 19:12
 
Fecha de Ingreso: diciembre-2001
Ubicación: Argentina
Mensajes: 690
Antigüedad: 16 años
Puntos: 1
Re: Problema: salto grande entre palabras cuando doy enter

no funciona, si hago eso lo que hace es bajarme todo (el titulo concierto y la fecha) un escalon hacia abajo
  #4 (permalink)  
Antiguo 29/04/2007, 19:17
 
Fecha de Ingreso: abril-2007
Mensajes: 127
Antigüedad: 10 años, 7 meses
Puntos: 0
Re: Problema: salto grande entre palabras cuando doy enter

Entonces hace asi:

Código PHP:
<h2>Concierto<br>
12 de Mayo Teatro ColonBs As</h2
  #5 (permalink)  
Antiguo 29/04/2007, 19:49
 
Fecha de Ingreso: diciembre-2001
Ubicación: Argentina
Mensajes: 690
Antigüedad: 16 años
Puntos: 1
Re: Problema: salto grande entre palabras cuando doy enter

lo que pasa que asi funciona correcto pero todo el texto esta bajo el h2 entonces es todo igual y lo que necesito es que se diferencie concierto de las fechas, que tengan distintas caracteristicas de fuetes color etc.
  #6 (permalink)  
Antiguo 29/04/2007, 20:11
Avatar de Zuker  
Fecha de Ingreso: marzo-2007
Ubicación: Argentina
Mensajes: 164
Antigüedad: 10 años, 9 meses
Puntos: 1
Re: Problema: salto grande entre palabras cuando doy enter

En vez de dar enter hace esto.
Apreta shift+enter, y el brake será menor ;)
Saludos
  #7 (permalink)  
Antiguo 29/04/2007, 20:23
 
Fecha de Ingreso: diciembre-2001
Ubicación: Argentina
Mensajes: 690
Antigüedad: 16 años
Puntos: 1
Re: Problema: salto grande entre palabras cuando doy enter

sigue pasando lo mismo, el truco del shift funciona pero me queda todo del mismo formato, color tamaño etc. si separo la info con <h2> me deja el gran espacio que puedo hacer?
  #8 (permalink)  
Antiguo 30/04/2007, 02:21
 
Fecha de Ingreso: abril-2007
Mensajes: 232
Antigüedad: 10 años, 7 meses
Puntos: 2
Re: Problema: salto grande entre palabras cuando doy enter

Hola:
prueba esto:


<h2>Concierto </h2>
<div id="fechaconcierto"><p>12 de Mayo Teatro Colon, Bs As</p></div>

y en el css:

#fechaconcierto {
margin-top: -0.8em;
}


prueba con diferentes valores para el margin-top hasta que se acomode a tu gusto. Si no tienes archivo de css, inclúye lo del margin-top en un style para el párrafo de la fecha.

Suerte, Jorge H.
  #9 (permalink)  
Antiguo 30/04/2007, 15:24
manumanyes
Invitado
 
Mensajes: n/a
Puntos:
Re: Problema: salto grande entre palabras cuando doy enter

que editor usas??
  #10 (permalink)  
Antiguo 30/04/2007, 15:36
 
Fecha de Ingreso: abril-2007
Mensajes: 232
Antigüedad: 10 años, 7 meses
Puntos: 2
Re: Problema: salto grande entre palabras cuando doy enter

Hola:
esto lo puedes hacer con el wordpad del mismo windows, he usado también el notepad++, el dreamweaver y el cse html validator, pero en todos lo mejor que me ha funcionado ha sido editar como texto y comprobar en los navegadores directamente. Suerte, Jorge H.
  #11 (permalink)  
Antiguo 30/04/2007, 19:47
 
Fecha de Ingreso: diciembre-2001
Ubicación: Argentina
Mensajes: 690
Antigüedad: 16 años
Puntos: 1
Re: Problema: salto grande entre palabras cuando doy enter

que tal, estoy usando dreamweaver pero la verdad que no quiero crear mas divs ya tengo demasiados y no vale la pena, tiene que haber alguna solucion lo que pasa es que si los pongo pegados se contagia el de abajo con el formato de el de arriba yo quiero que quede asi

Concierto
12 de abril


y no de esta manera

Concierto

12 de abril
  #12 (permalink)  
Antiguo 30/04/2007, 21:40
 
Fecha de Ingreso: diciembre-2003
Mensajes: 1.583
Antigüedad: 14 años
Puntos: 13
Re: Problema: salto grande entre palabras cuando doy enter

snakepit:

Como ya te dijeron anteriormente, muchos elementos HTML (como H2 y P) tienen un margen inferior y superior por defecto (que puede variar de navegador en navegador). Lo único que tienes que hacer es reducir esos márgenes mediante estilos CSS, hasta lograr la separación que stisfaga tus necesidades.
__________________
El conocimiento es libre: Movimiento por la Devolución
  #13 (permalink)  
Antiguo 01/05/2007, 00:36
Avatar de webosiris
Moderador egiptólogo
 
Fecha de Ingreso: febrero-2002
Ubicación: Luxor, Egipto
Mensajes: 10.727
Antigüedad: 15 años, 10 meses
Puntos: 997
Re: Problema: salto grande entre palabras cuando doy enter

para evitar todos esos márgenes "automáticos" lo mejor es utilizar un selector universal al inicio del archivo css:
Código:
*{margin:0;padding:0}
muevo esto al foro de CSS
  #14 (permalink)  
Antiguo 01/05/2007, 04:54
 
Fecha de Ingreso: diciembre-2001
Ubicación: Argentina
Mensajes: 690
Antigüedad: 16 años
Puntos: 1
Re: Problema: salto grande entre palabras cuando doy enter

ahh gracias muchachos ahora entiendo lo que me estan diciendo voy a intentar de esta manera a ver que sucede!
  #15 (permalink)  
Antiguo 01/05/2007, 20:52
Avatar de buzu  
Fecha de Ingreso: octubre-2006
Ubicación: San Francisco, CA
Mensajes: 2.168
Antigüedad: 11 años, 1 mes
Puntos: 122
Re: Problema: salto grande entre palabras cuando doy enter

usa un solo párrafo con un <BR /> como ya te lo habían dicho y maneja la presentación con estilos CSS, de esa manera estarás seguro que se vera bien, pero no es la mejor forma de hacerlo, la mejor forma es manejar el margen superior con CSS como también ya te lo dijeron.
  #16 (permalink)  
Antiguo 02/05/2007, 10:24
Avatar de kahlito
Colaborador
 
Fecha de Ingreso: marzo-2003
Ubicación: En el Estrecho y el mar
Mensajes: 2.893
Antigüedad: 14 años, 9 meses
Puntos: 60
Re: Problema: salto grande entre palabras cuando doy enter

Hola, por si no quieres resetear de un principio todos los márgenes a 0 ( *{margin:0;padding:0} )puedes hacerlo de estas otras maneras:

Código HTML:
<style type="text/css">
h2{margin:0;}
p{margin:0;}
</style>
</head>

<body>
<h2>Concierto</h2>
<p>12 de Mayo Teatro Colon, Bs As</p>
</body>
</html> 
o así por si quieres ponerlo solo en esa parte de la página:

Código HTML:
<style type="text/css">
.h2{margin:0;}
.p{margin:0;}
</style>
</head>

<body>
<h2 class="h2">Concierto</h2>
<p class="p">12 de Mayo Teatro Colon, Bs As</p>
</body>
</html> 
  #17 (permalink)  
Antiguo 02/05/2007, 10:31
 
Fecha de Ingreso: diciembre-2001
Ubicación: Argentina
Mensajes: 690
Antigüedad: 16 años
Puntos: 1
Re: Problema: salto grande entre palabras cuando doy enter

Kahlito gracias justo lo que necesitaba, gracias a todos, esta bueno aprender las distintas opciones que hay para enventuales problemas. un abrazo
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 03:26.