Hola a todos,
Vengo leyendo esto desde hace algun tiempo, y este es mi primer post asi que
aprobecho para presentame.
Me llamo Joseba Alonso y trabajo de desarrollador web freelance y docente en
diversas materias relacionadas. Bueno a muchos de aqui ya os conozco de
ASNativos :)
Al grano, no es por comenzar con mal pie, pero esto (creo) es una lista de
CSS y estais dando soluciones HTML, por otra parte el atributo align de
<img> esta 'deprecated' y no forma parte del XHTML 1.0 Strict o XHTML 1.1
De hecho creo que la pregunta es bastante complicada ya que el atributo CSS
vertical-align no funciona correctamente en IExplorer lo que descarta su uso
en un producto comercial. Yo estube mucho tiempo buscando soluciones a este
problema, no con una imagen sino con cajas. �Como alinear una caja
verticalmente restecto a otra?
Una posible solucion que he encontrado es la siguiente, pero solo funciona
si la caja que quieres alinear verticalmente tiene una altura conocida. En
este caso queremos alinear verticalmente el parrafo en el centro de la
imagen:
<div id="contenedor">
<img src="#" />
<div id="centrado"><p>Este texto alineado verticalemente</p></div>
</div>
este CSS valdria si conocemos la altura del parrafo, pongamos 20px;
#contenedor{
height:200px;
}
#contenedor img{
float:left;
width:100px;
}
/* Aqui comienza el truquillo
se trata de poner un margen superior a la caja contenedora
y un margen superior al parrafo que sea la mitad de su altura en
negativo */
#centrado{
margin-top:50%;
}
#centrado p{
height:30px;
margin-top:-15px;
}
Es una posible solucion, pero me gustaria saber si alguien sabe alinear
verticalmente dos cajas siendo la que va alineada de una altura desconocida.
un saludo
Joseba Alonso
www.sidedev.net
www.5dms.com
----- Original Message -----
From: "Lander :::" <[EMAIL PROTECTED]>
To: <[EMAIL PROTECTED]>
Sent: Wednesday, February 18, 2004 3:35 PM
Subject: RE: [Ovillo] Alineaci�n de texto vertical.
> Prueba con alineaci�n medio-absoluta de la imagen.
> En principio con esto deberia funcionar: align="absmiddle"
>
> _________________________________________________________________
> �Vas a comprar algo a trav�s de Internet? Ord�nalo por el mejor precio en
> MSN Compras. http://www.msn.es/compras/
>
>
> _______________________________________________
> Ovillo mailing list
> [EMAIL PROTECTED]
> http://ovillo.org/mailman/listinfo/ovillo_ovillo.org
_______________________________________________
Ovillo mailing list
[EMAIL PROTECTED]
http://ovillo.org/mailman/listinfo/ovillo_ovillo.org
