Alinear algo verticalmente no es tan sencillo como debería serlo. No hay una solución universal, todo depende de cada caso ¿Es un texto, corto? ¿Son imágenes de distinta altura? ¿Son elementos combinados?
Buenos Aires
Argentina
Nacido en el tercer mundo. Un santo varón. Buenos Aires. Los elefantes. Las golondrinas de Plaza de Mayo. Me chupo el dedo.
El tiempo es veloz. ¿No ves que ya no somos chiquitos? Despedida de la infancia. Todo es efímero. Juguetes perdidos. Dime quién me lo robó. Aprendizaje.
Soy un hippie. Rutas argentinas. Sobredosis de TV. Raros peinados nuevos. Más de cien mentiras. Delirium tremens.
Ciudad de pobres corazones. El karma de vivir al sur. Mundo de quimeras. Oh Dios, ¿Qué puedo hacer?
Cuando era más joven. Los mayores del mundo. Botas locas. Rejas electrificadas. Cerca de la revolución. Contra todos los males de este mundo. La casa desaparecida. Tumbas de la gloria. Vencedores vencidos. Carguen, apunten, fuego. Estás frito angelito. A lo mejor aún te acuerdas.
Ah, te vi entre las luces. Muchacha. Amor se llama el juego. Juego de seducción. Mi genio amor. Prométeme que nunca me dirás adiós. Pequeñas delicias de la vida conyugal. Toda la vida tiene música hoy. Es hora de levantare, querido (dormiste bien?).
Resumiendo.
Mi sueño de hoy. La sed verdadera. La búsqueda de la estrella. Todos juntos. ¡Ah! Basta de pensar.
Esto es to-to-todo amigos.
| CONTRAER ARCHIVOS |
|
13 comentarios:
Quietita "lechuga"... ni te muevas!!! jeje Muy interesante. De este modo nos ahorramos dolores de cabeza. Saludos!
Sí, el segundo método es muy pero muy bueno :D
Pensaba que con vertical-align estaba todo solucionado. Buen dato ;)
Excelente el segundo método JMiur, yo hasta ahora para alinear verticalmente mi solución era tirar la toalla jaja.
Ahora cuento con tu post ;)
Muchísimas gracias.
Lo de vertical-align siempre me había dado problemas, pero con este par de trucos la cosa se pone mejor. Gracias.
jajajajaja que gracias me hizo Andrian Mauricio "yo hasta ahora para alinear verticalmente mi solución era tirar la toalla" pues no está mal, es un remedio para terminar pronto :D
Gem@:, Oloman:
No, vertical-align no sirve para eso. Sólo sirve para alinear elementos inline, por ejemplo, un texto con una imagen:
blablablabla <img src="imagen" style="vertical-align:middle" /> blablablabla
Andrian
Me alegro que sea útil y que no haya que tirar la toalla :D
Gracias de nuevo !!
Finalmente es complicado..que increible...(al menos para mí), lo bueno es tener la opcion de hacerlo segun el navegador de nuestros usuarios lectores (mejor dicho lo que uno cree que tienen: en google analytics no figura la version del navegador)
Mis saludos!!
Graciela
Muchas gracias, lo he hecho, pero si bien tengo la lechuza en el medio, me gustaria ponerle color y bordes diferentes a los cuadrados o los div, como el suyo y trate de hacerlo.... niet... como se hace?
Y bueno no se sirve,lo que voy a comentar, como me estaba volviendo loca para alinear una lista de precios ... imposible... hice una tabla en Dreamweaver, copie y pegué en el blog y así quedo prolijo. :)
EPA:
Es complicado porque en CSS no hay propiedades que controlen eso.
La hormiguita:
En caso de problemas, aunque los "puristas" se enojen, yo recurro siempre a una tabla y listo :D
Por si sirve de algo, en el segundo demo, estas son las propiedades que usé:
#contenedor2 {display:table;height:300px;width:450px;background-color:#404951;border:1px solid #D0D9E1;margin:20px auto;}
#contenido2 {display:table-cell; vertical-align:middle;}
#pseudo-celda {background-color:#101921;margin:0 auto;width:250px;text-align:center;padding:10px;-moz-border-radius:10px;}
#pseudo-celda img {display:block;margin:0 auto;}
#pseudo-celda span {color:#EEE;font-size:16px;}
Muchísimas gracias, a la tarde pruebo como queda!!!!:)
JMiur, pero mira, qué dolor de cabeza me da esto, en este enlace(http://www.destinoturquia.com/index.php?sec=destacados_dos) las ofertas aparecen alineadas verticalmente, no hay manera de que se aparezcan listas una debajo de otra? gracias desde ya
¿A que parte del sitio te refieres?
¿Quiere dejar un comentario?
recuerde que los comentarios están siendo moderados y serán publicados a la brevedad ...
Nota: sólo los miembros de este blog pueden publicar comentarios.
Si le gusta ir a lo seguro utilice este botón para abrir los comentarios en una ventana modal en esta misma pagina.
Si añora tiempos idos, use este enlace para agregar un comentario al viejo estilo ...