Problema: salto grande entre palabras cuando doy enter

snakepit · #1 (**permalink**) 29/04/2007, 17:46

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

Ioryo · #2 (**permalink**) 29/04/2007, 18:01

Entonces defini 1 solo parrafo:

Código PHP:

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

snakepit · #3 (**permalink**) 29/04/2007, 18:12

no funciona, si hago eso lo que hace es bajarme todo (el titulo concierto y la fecha) un escalon hacia abajo

Ioryo · #4 (**permalink**) 29/04/2007, 18:17

Entonces hace asi:

Código PHP:

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

snakepit · #5 (**permalink**) 29/04/2007, 18:49

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.

Zuker · #6 (**permalink**) 29/04/2007, 19:11

En vez de dar enter hace esto.
Apreta shift+enter, y el brake será menor ;)
Saludos

snakepit · #7 (**permalink**) 29/04/2007, 19:23

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?

JHMorales · #8 (**permalink**) 30/04/2007, 01:21

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**) 30/04/2007, 14:24

que editor usas??

JHMorales · #10 (**permalink**) 30/04/2007, 14:36

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.

snakepit · #11 (**permalink**) 30/04/2007, 18:47

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

frijolerou · #12 (**permalink**) 30/04/2007, 20:40

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.

webosiris · #13 (**permalink**) 30/04/2007, 23:36

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

snakepit · #14 (**permalink**) 01/05/2007, 03:54

ahh gracias muchachos ahora entiendo lo que me estan diciendo voy a intentar de esta manera a ver que sucede!

buzu · #15 (**permalink**) 01/05/2007, 19:52

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.

kahlito · #16 (**permalink**) 02/05/2007, 09:24

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>

snakepit · #17 (**permalink**) 02/05/2007, 09:31

Kahlito gracias justo lo que necesitaba, gracias a todos, esta bueno aprender las distintas opciones que hay para enventuales problemas. un abrazo