Foros del Web » Creando para Internet » CSS »

Alineacion vertical

Estas en el tema de Alineacion vertical en el foro de CSS en Foros del Web. HOla amigos. Como puedo conseguir lo siguiente. Tengo esto: <div class="primerplano" id="apDiv3">Numero Ip</div> El div mide, por ejemplo, 80 px de alto, por lo que ...
  #1 (permalink)  
Antiguo 08/07/2010, 05:08
 
Fecha de Ingreso: mayo-2009
Mensajes: 729
Antigüedad: 8 años, 6 meses
Puntos: 6
Alineacion vertical

HOla amigos. Como puedo conseguir lo siguiente.

Tengo esto:

<div class="primerplano" id="apDiv3">Numero Ip</div>

El div mide, por ejemplo, 80 px de alto, por lo que el texto se me queda muy arriba de la longitud vertical del cuadro. Lo que quiero es centrarlo verticalmente. Es decir, se puede centrar el texto horizontalmente con: text-align: center;

Pero verticalmente no se como.

He probado con

vertical-align: middle;

Pero no funciona.

Un saludo.
  #2 (permalink)  
Antiguo 08/07/2010, 09:03
 
Fecha de Ingreso: junio-2002
Mensajes: 751
Antigüedad: 15 años, 6 meses
Puntos: 22
Respuesta: Alineacion vertical

http://www.forosdelweb.com/f53/centr...zontal-437425/
http://www.google.com/search?hl=es&q...o+vertical+css
line-height...
  #3 (permalink)  
Antiguo 08/07/2010, 10:25
 
Fecha de Ingreso: mayo-2009
Mensajes: 729
Antigüedad: 8 años, 6 meses
Puntos: 6
Respuesta: Alineacion vertical

Hola All-ill. Aunque no he entendido del todo el comportamiento, me ha servido line-height.

Gracias por tu ayuda. Un saludo.
  #4 (permalink)  
Antiguo 08/07/2010, 14:26
 
Fecha de Ingreso: junio-2002
Mensajes: 751
Antigüedad: 15 años, 6 meses
Puntos: 22
Respuesta: Alineacion vertical

line-height viene a ser como el interlineado de texto, es decir la separación entre cada línea de texto o la altura de una línea (dejando X espacio encima y debajo de cada línea de texto).
http://www.librosweb.es/referencia/css/line-height.html

Por eso si tu texto tuviera varias líneas podrías encontrar problemas de maquetación ya que el tamaño total podría superar el deseado.
  #5 (permalink)  
Antiguo 08/07/2010, 15:10
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Alineacion vertical

Hola:

Échale un vistazo a la página de Mikmoro: www.araudi.net, encontraras varios ejemplos de centrado vertical.

Saludos.


Etiquetas: alineacion, vertical
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 00:49.