Sería más fácil si nos pusieses el ejemplo en línea; así veríamos el código y esas cosas...
Si no quieres poner el ejemplo tal cuál es, un prototipo valdría O bien usa pastebin para poner el código :) Saludos > -----Mensaje original----- > De: [EMAIL PROTECTED] [mailto:ovillo- > [EMAIL PROTECTED] En nombre de Abigail Rodríguez > Enviado el: miércoles, 23 de enero de 2008 23:58 > Para: Ovillo, la lista de CSS en castellano > Asunto: Re: [Ovillo] Alinear verticalmente una imagen con CSS > > El alto de la capa es variable, se ajusta al alto de otra capa > adyacente que tiene los contenidos. > La imagen de fondo sólo está para verse cuando la capa se "alargue"... > > > > > Date: Wed, 23 Jan 2008 23:38:57 +0100> From: [EMAIL PROTECTED]> > To: ovillo@lists.ovillo.org> Subject: Re: [Ovillo] Alinear > verticalmente una imagen con CSS> > #estilo-abigail {padding:0 10px 0 > 10px;}> #estilo-abigail { background:#FFF> url(/ruta-nombre-imagen-de- > fondo.jpg)no-repeat bottom left;> border-top:3px solid #666; border- > bottom:3px solid> #666; padding:1px 0 10px 0;}> img {border:1px solid > #ccc; background:#fff; padding:3px; float:right;> margin:0 0 (aqui pon > la altura de la imagen de fondo)px 0;}> > > <!--Estilo abigail-->> <div > id="estilo-abigail">> <img src="">la imagen aki> </div>> <!--/Estilo > abigail-->> > Pienso.... si en la capa sólo tienes una imagen la altura > de la capa vendrá> determinada por la altura de la imagen, con lo cual > la imagen de fondo> quedara tapada por la imagen que pones en primer > plano.> > Debes darle un margen al estilo de la imagen igual al la > altura de la imagen> de fondo (ya lo hice yo tu cambia el tamaño del > margen...) el resto> personalizalo a tu gusto> > > > El día 23/01/08, > Abigail Rodríguez <[EMAIL PROTECTED]> escribió:> >> > Hola:> > > Gracias por responder, pero no se ajusta a mi caso... Quizá no me he> > > explicado bien:> > Se trata de una capa con un alto variable y con un > fondo que se repite.> > Dentro de la capa no hay texto, sólo tengo > insertada una imagen y a> > continuación otra, que quiero que se > mantenga alineada a "bottom".> > No sé si es posible.> >> >> > Gracias > de todas formas.> > Saludos.> >> >> > P.D: en Islandia no tanto frío > como podría pensarse, y los mismos> > quebraderos de cabeza con CSS y > toda esta historia ;-)> >> >> >> > > Date: Wed, 23 Jan 2008 22:31:34 > +0100> From: [EMAIL PROTECTED]>> > To: ovillo@lists.ovillo.org> > Subject: Re: [Ovillo] Alinear verticalmente> > una imagen con CSS> > > #estilo-abigail {padding:0 10px 0 10px;}>> > #estilo-abigail { > background:#E3E8C9 url(/nombreimagen.jpg) no-repeat> > bottom> left; > border-top:3px solid #666; border-bottom:3px solid #666;> > padding:1px > 0> 10px 0;}> > #estilo-abigail h2 {font-size:3.3em;}>> > #estilo- > abigail h4 {padding-top:10px;}> #estilo-abigail p {font-size:1.2em;> > > color:#333;}> img {border:1px solid #ccc; background:#fff; > padding:3px;> > float:right;> margin:0 0 10px 15px;}> > > <!--Estilo > abigail-->> <div> > id="estilo-abigail">> si pones aqui la imagen > estará arriba> <h4>texto</h4>>> > <h2>texto</h2>> texto> <p>texto</p>> > </div>> <!--/Estilo abigail-->> > >> > DEBERIA FUNCIONAR ¿K TAL EN > ISLANDIA¡¡¡¡¡ ME GUSTA EL FREELANCEO> > El día> > 23/01/08, Abigail > Rodríguez <[EMAIL PROTECTED]> escribió:> >> >> > Saludos a todos: > Aunque leo la lista desde hace un mes o así, es la> >> > primera vez > que intervengo. Me llamo Abby, soy diseñadora freelance, de> >> > > Madrid, aunque ahora estoy en Islandia unos meses. Bueno, voy al grano: > Mi>> > > problema es que no consigo que una imagen se alinee > verticalmente en la> >> > parte inferior de la capa que la contiene. > Debería ser algo muy sencillo,> >> > pero...> >> > Más concretamente: > tengo una capa cuyo alto es variable (en> > función del> > alto de otra > capa adyacente) y que contiene sólo dos> > imágenes, una arriba y> > > otra que quiero que se vaya abajo siempre, sea> > cual sea el alto de > la capa> > contenedora. La capa además tiene una imagen> > de fondo que > se repite.> > ¿Alguien sabe cómo puede hacerse esto? Llevo> > tiempo > con ello, mirando en> > foros, documentación, etc. pero no consigo> > > solucionarlo.> > Gracias de antemano.> >> > > _________________________________________________________________> > > MSN> > Video.> > http://video.msn.com/?mkt=es-es> >> > > _______________________________________________> > Lista de > distribución> > Ovillo> > Para escribir a la lista, envia un correo a> > > Ovillo@lists.ovillo.org> > Puedes modificar tus datos o desuscribirte > en> > la siguiente dirección:> > > http://lists.ovillo.org/mailman/listinfo/ovillo>> > >> > _______________________________________________> Lista de distribución> > > Ovillo> Para escribir a la lista, envia un correo a> > > Ovillo@lists.ovillo.org> Puedes modificar tus datos o desuscribirte en > la> > siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo> > > _________________________________________________________________> > > MSN Noticias> > http://noticias.msn.es/comunidad.aspx> > > _______________________________________________> > Lista de > distribución Ovillo> > Para escribir a la lista, envia un correo a > Ovillo@lists.ovillo.org> > Puedes modificar tus datos o desuscribirte > en la siguiente dirección:> > > http://lists.ovillo.org/mailman/listinfo/ovillo> >> > _______________________________________________> Lista de distribución > Ovillo> Para escribir a la lista, envia un correo a > Ovillo@lists.ovillo.org> Puedes modificar tus datos o desuscribirte en > la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo > _________________________________________________________________ > La vida de los famosos al desnudo en MSN Entretenimiento > http://entretenimiento.es.msn.com/ > _______________________________________________ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo _______________________________________________ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
