¿Hay alguna otra manera de saltar a una linea nueva?

Iniciado por extreme69, 5 Marzo 2012, 08:31 AM

0 Miembros y 1 Visitante están viendo este tema.

extreme69

No puedo usar ni <br> ni \n

¿hay alguna otra manera de marcar una nueva línea?

WHK

#1
<p></p>

<div style="clear:both;"></div>
<br />


A veces cuando usamos margin con valores negativos y después queremos hacer un padding tenemos conflictos de estilo y no nos deja hasta contrarrestar el margin negativo, otras veces te invalidan algunos saltos de linea en casos muy especiales (me ha pasado).

Para esto debes crear una división para limpiar todo lo que has hecho para arriba y se hace con clear:both y luego de eso podrás hacer los saltos de linea.

Recuerda utilizar esto despues de que termines de esribir varios items con float: * ya que recuerda que una posición flotante es casi una posición absoluta debido a que tendrás problema con la división que la encierra, no te dará el alto o no te dejará escribir nada ni si quiera dar saltos de linea hasta que sobrepases el alto de la división flotante, para esto se corrige con clear:both.

Ejemplo:
<div style="float: left; background-color: #666666; color: white; padding: 5px; border-radius: 4px 4px 4px 4px;">Hola</div>
<div style="float: left; background-color: #666666; color: white; padding: 5px; border-radius: 4px 4px 4px 4px;">Hola</div>
<div style="float: left; background-color: #666666; color: white; padding: 5px; border-radius: 4px 4px 4px 4px;">Hola</div>
<div style="clear:both;"></div>
Chado :)


Pruebalo y después prueba sacar el clear.

Si no e slo que necesitabas puedes usar style para crear un salto de linea ficticio, por ejemplo:

Hola
<div style="position: relative; top: 5px; margin-bottom: 5px;">Hola2</div>

No puedes ponerle margin-top porque no te resultará en algunos casos por lo que veo, pero igual intentalo.

Saludos.