#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
