Autor Tema: Ayuda - Contenedores  (Leído 378 veces)

Desconectado G12

  • PHPer@ Fijo
  • ***
  • Mensajes: 153
  • Karma: 0
  • Nuev@ PHPer@
    • Ver Perfil
Ayuda - Contenedores
« en: 18 de Agosto de 2011, 02:38:33 am »
Hola PHPeros, he intentado hacer y buscar esto y no lo encuentro por ninguna parte.
Yo tengo esto:

Citar
    <div class="nombre"><b><?php echo $respuesta->usuario; ?></b></div>
    <div class="mision"><font color="#666666">Tu mision</font></div>
    <div class="mensajes"><br><?php echo $mensaje; ?></div>
    <div class="fecha"><br><div align="right">Enviado a las <?php echo $respuesta->fecha; ?></div></div>

El problema es que si pongo <br> en el Texto para que la mision no salga pegada al texto se queda muy lejos.
¿Alguien podria decirme como modificar la distancia pero sin pasarse tanto en CSS?

¡GRACIAS!

Citar
<style type="text/css">
.nombre {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
}

.mision {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 9px;
}

.mensajes {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
}

.fecha {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
}
</style>

Comunidad PHPeros

Ayuda - Contenedores
« en: 18 de Agosto de 2011, 02:38:33 am »

Desconectado Mixvice

  • PHPero Experto
  • *****
  • Mensajes: 687
  • Karma: 32
  • Sexo: Masculino
  • ¡Y Tu Papá Tambien!
    • Ver Perfil
    • Tuhabbo
Re:Ayuda - Contenedores
« Respuesta #1 en: 18 de Agosto de 2011, 04:25:40 am »
Lo que hace <br> es dar un salto de linea, si eso es lo que quiers puedes usar margin-bottom, mira:

Código: [Seleccionar]
.nombre {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
  margin-bottom:4px;
}

.mision {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 9px;
  margin-bottom:4px;
}

.mensajes {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 11px;
  margin-bottom:4px;
}

.fecha {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
  margin-bottom:4px;
}

o bien si quieres separar el texto, por ejemplo "fecha         17/08/2011" puedes hacerlo con espacios, &nbsp; o bien con el css, cambiando bottom por right
Me cuentas si te sirve :)
« Última modificación: 18 de Agosto de 2011, 04:28:55 am por Mixvice »