Foros del Web » Creando para Internet » CSS »

display:block en una celda se alinea arriba

Estas en el tema de display:block en una celda se alinea arriba en el foro de CSS en Foros del Web. Hola, Cuando uso el display: block; width:100%; height:100%; en una celda, el contenido de esta se alinea arriba del todo de la celda y no ...
  #1 (permalink)  
Antiguo 13/07/2011, 09:14
 
Fecha de Ingreso: enero-2011
Mensajes: 84
Antigüedad: 6 años, 5 meses
Puntos: 4
display:block en una celda se alinea arriba

Hola,

Cuando uso el

display: block; width:100%; height:100%;

en una celda, el contenido de esta se alinea arriba del todo de la celda y no hay manera de que se centre, ni con el valign="middle" ni con nada... alguien sabe como podría hacerlo???

Muchas gracias de antemano!
  #2 (permalink)  
Antiguo 13/07/2011, 11:28
Avatar de cristian_cena
Colaborador
 
Fecha de Ingreso: junio-2009
Mensajes: 2.244
Antigüedad: 8 años, 1 mes
Puntos: 269
Respuesta: display:block en una celda se alinea arriba

Hola nachetee:
prueba con line-height o con padding-top (cuidado con height, tal vez debas restarle el valor que des a padding-top.) a ver que tal te va.

Saludos.
  #3 (permalink)  
Antiguo 13/07/2011, 11:32
Avatar de ZoroRoronoa  
Fecha de Ingreso: marzo-2011
Ubicación: California, USA
Mensajes: 823
Antigüedad: 6 años, 3 meses
Puntos: 116
Respuesta: display:block en una celda se alinea arriba

En Google busca:
Hack para alinear vertical con una imagen (ó por medio de una imagen).

Saludos.
__________________
Programador jQuery & PHP
  #4 (permalink)  
Antiguo 14/07/2011, 03:34
 
Fecha de Ingreso: enero-2011
Mensajes: 84
Antigüedad: 6 años, 5 meses
Puntos: 4
Respuesta: display:block en una celda se alinea arriba

Hola Cristian!

Muchas gracias, lo del padding-top lo tenia puesto ya porque se quedaba muy pegado del borde de arriba..., pero con lo de line-height no habia caido jeje, lo he metido ahi y finalmente he conseguido centrarlo! Aunque el código se queda un poco empastrado pero bueno

Código:
<td class="menu" width="80" height="35" valign="middle">
<a style="display: inline-block; width:100%; height:100%; padding-top:7px; line-height:25px;" href="#">DESCARGAS</a></td>
Bueno ya está solucionado, un saludo y gracias a los dos que habéis contestado

Etiquetas: arriba, celda, contenido
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 16:49.