Entrar

Interlineado de párrafos en Teclado y HTML

gussiglo21 · · Solicitar retirada
Hola a todos

Tengo poca experiencia en el diseño con DIVs y CSS y tengo una duda que no consigo resolver respecto al interlineado de párrafos cuando utilizo el estilo NORMAL.

Por ejemplo con dos párrafos cortos:
Esta es la primera línea ......... (aquí le doy al ENTER)

Esta es la segunda línea ...... (aquí le doy al ENTER)

Bien... lo que quisiera conseguir es que haciendo mi diseño con DIVs, tla como lo explica Jorgens en su tutotial, y usando algún estilo general en el BODY (el estilo NORMAL (por defecto)), que no quede ese espacio tan amplio entre dos párrafos, o sea, que quede así:
Esta es la primera línea ......... (aquí le doy al ENTER)
Esta es la segunda línea ...... (aquí le doy al ENTER)
..... (y que la tercera línea pueda escribirse aquí)

O sea, más juntos todos los párrafos, o que al menos pudiera hacer que la separación entre los párrafos sea menor, sin tener que usar "Mayúsculas y ENTER"

Quizá se pueda combinar dos estilos de la Hoja de estilos, pero no se cómo hacerlo.

¿Cómo se consigue esto?
Muchas Gracias!!!!!
GusSiglo21
SurKaiser · · Solicitar retirada
Usa la etiqueta <br> dentro de un mismo <p>

Ejemplo
<p>Soy el primer parrafo <br> soy el segundo y estoy cerca.</p>

Supongo que asi lo quieres avisame si funciona.
gussiglo21 · · Solicitar retirada
Hola SurKaiser

Gracias por tu respuesta.

Efectivamente quiero que quede como queda con <br> pero >br> es lo que yo quise decir con "Mayusculas ENTER".
Justamente eso es lo que no quiero usar, sino usar algo, algun estilo o combinación de estilos que permita hacer que el estilo NORMAL ya haga una separación de párrafos previamente definida cuando se le da ENTER solamente al escribir.

Quiero hacer páginas con la menor cantridad de código adicional agregado y hacerlo todo lo que se pueda con hojas de estilos.

Eso es lo que quisiera lograr.
¿Me expliqué bien?
Gracias!
GusSiglo21
SurKaiser · · Solicitar retirada
Pues quieres hacer paginas webs en html sin html, basicamente es lo que me dices, bien para hacer eso al darle enter y que te entienda que es salto de linea es imposible ya que el html no lee los "enter" para eso se invento el <br> , para hacer eso que quieres si seria posible con un editor programado en javascript y php en el que crees un formulario con un <textarea> ahi introduces tu texto y al presionar "enter" usando javascript puedes hacer que ponga el <br> y despues procesarlo con php. Pero vaya eso ya es algo mas avanzado para lo que te encuentras.

Saludos y usa <br>.
gussiglo21 · · Solicitar retirada
ok ok no es tan complicado lo que quiero hacer.
Es nomás para saber si eso podia hacerse con HTML como el tener un estilo NORMAL pero que se pudiesen controlar ese tipo de cosas.
Lo que ocurre es que con tamaños de letra chicos ese espaciado que se produce al darse enter queda medio grande

Por eso te preguntaba si a lo mejor había alguna forma de combinar dos estilos en una hoja CSS

Eso es posible? combinar dos estilos para que la frase tome ambas características de los estilos combinados?
Gracias!
GusSiglo21
SuperHipo · · Solicitar retirada
Vamos a ver si te he entendido gussiglo21.

<html>
<head>
<link type="text/css" rel="stylesheet" href="estilo.css" />
</head>

<body>
<p class="parrafo">blablabla</p>
<p class="parrafo">otros blablabla</p>
<p class="parrafo">y mas blablabla</p>
</body>
<html>

Con las clases puedes crear un estilo para todos los parrafos (o lo que sea) de esa misma clase. Por ejemplo:

ESTILO.CSS

p {
font: normal normal 12px Verdana, Arial;
color: #F00;
}

p.parrafo {
font: normal normal 14px Arial, Verdana;
color: #0F0;
margin-bottom: 10px
}


Con esta hoja de estilos:

- Todos los parrafos estarán formateados con la letra a 12px, de color rojo y con fuente "verdana" (si no la tuvieras, pues Arial). El margen entre ellos sería el margen por defecto de los parrafos (que son elementos de bloque).

- Los parrafos de la clase "parrafo" estarán formateados con la letra a 14px, la familia Arial y de color verde. Además, cada parrafo dejará un margen inferior con el siguiente elemento de 10px (este margen, o el margin-top, es el que debes cambiar para establecer la separación vertical entre los parrafos de esta clase).

Espero haberte aclarado la duda (creo que es esto lo que preguntabas, no?).

Un saludo!
gussiglo21 · · Solicitar retirada
Hola SuperHipo!

En base a lo que me pasaste no funcionó directamente como yo quería, pero basado en eso pensé, hice algunos cambios y mira...

p {
font: normal normal 12pt Verdana, Arial;
color: #F00;
margin-top: 0pt;
margin-bottom: 0pt;
}

Esto esto esto es lo que buscaba!!!!!!!!! :)[:p]
SI TE DIGO GRACIAS ME QUEDO CORTO (al decir de aquí de Argentina)

Ahora voy a ahorrar tiempo, y centenares de minutos de esfuerzo de andar poniendo formato de párrafo 0 0 arriba y abajo. Era verdaderamente fácil y básico, pero ocurre que voy aprendiendo por el camino, mientras hago y leo leo leo y a veces se enredan los pensamientos con tanta cosa que se lee y uno no sabe para dónde salir corriendo!

Mil Gracias a Sur Kaiser que tiró la primera idea
Y MIL GRACIAS a tí SuperHipo que prácticamente diste en la tecla con mi problema.

Tan sólo una pregunta más , si puedes, qué conviene usar como unidades ? "pt" o "px"?

GRACIAS NUEVAMENTE POR DESTINAR UN RATITO DE SU TIEMPO A AYUDAR.
Ojalá algún día pueda yo hacer lo mismo hacia otros.

Un abrazo grande
GusSiglo21
SuperHipo · · Solicitar retirada
Me alegro de que se te haya solucionado GusSiglo21. No te preocupes que todo eso es cuestión de practica y poco a poco se le coge el truco :)

Yo personalmente uso px ya que los controlo mejor. Hay otros que suelen usar em pero para usarlos sin problema conviene hacer un preformateado de las unidades en la regla del body del css para estandarizarlo... vamos, que hay que preparar un poco el ambiente para usarlos sin problema... De eso saben más los diseñadores gráficos que yo seguro.

Si te interesa ver otros puntos de vista busca por google que te explican con más detalle y ya tú decides. Pero vamos, en principio los píxeles no deben darte problemas.

Encantado de haberte ayudado. Pregunta lo que haga falta que para eso estamos.

Un abrazo
gussiglo21 · · Solicitar retirada
Hola JohnPeter

Sí, soy nuevo en el foro y no conocía las reglas
No recuerdo qué título le había puesto al mensaje pero es que tampoco sabía bien cómo encuadrarlo, si como estilos, si como interlineado y otras cosas.

De todas formas es bueno aclarar las cosas y es mejor obviamente que no se diga "AYudenme por favor" porque nadie sabe si el tipo se está ahogando o si va en un avión que se cae :)

Lo bueno fue que lo hayan leido antes de eliminarlo, era lo que correspondía, ya que habiendo hecho eso seguramente este mensaje y sus respuestas ayudará a otros principiantes.

Saludos y gracias
GusSiglo21
johnpeterjp · · Solicitar retirada
Tal como te decía más arriba, me pareció importante y el mensaje fué correjido en su título y foro. Gracias por venir y contar con el equipo en CCTW. Un abrazo.