Comunidad PHPeros

Lenguajes => CSS => Mensaje iniciado por: G12 en 18 de Agosto de 2011, 02:38:33 am

Título: Ayuda - Contenedores
Publicado por: G12 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>

Título: Re:Ayuda - Contenedores
Publicado por: Mixvice 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 :)