A mi no me llegó el pantallazo adjuntado ;-P
Prueba esto, a ver si te sirve.
html:
<div class="contenedorFotoPopNoticia">
<img src="../imagenes/noticias/foto1.jpg" alt="Imagen noticia" />
<div class="pie">Mesa de autoridades (Foto: Nacho Romero)</div>
</div>
CSS:
div.contenedorFotoPopNoticia{
width: auto; /*prueba con él y sin él, porque como no lo he podido
testear no sé si hace falta*/
text-align: center;
border: 1px solid;
}
div.contenedorFotoPopNoticia img{
border: 0px;
}
div.pie {
text-align: center;
border: 1px 0px 0px 0px solid;
background-color: #d3d3d3;
width: 100%;
clear: both;
}
----- Mensaje original ----
De: Oscar martinez novoa <[EMAIL PROTECTED]>
Para: "Ovillo, la lista de CSS en castellano" <[email protected]>
Enviado: miércoles, 7 de marzo, 2007 9:39:03
Asunto: Re: [Ovillo] [OVILLO] - Centrar imagen con su pie de foto... un lio
Buenas,
he probado esto y no me funciona, me lo coloca mal y me coge el ancho del
texto que metes no el ancho de la imagen...
tengo puesto:
html:
<div class="contenedorFotoPopNoticia">
<span class="contenedor"><img src="../imagenes/noticias/foto1.jpg"
alt="Imagen noticia" /></span>
<span class="pie">Mesa de autoridades (Foto: Nacho Romero)</span>
</div>
CSS:
div.contenedorFotoPopNoticia{
text-align: center;
}
.contenedor {
text-align:center;
position:relative;
}
.contenedor img{
text-align:right;
border:1px solid;
margin-bottom:15px;
}
.pie {
text-align:center;
border:1px solid;
background-color:#d3d3d3;
width:100%;
position: relative;
top:20px;
}
He adjuntado un pantallo para que veais el resultado de esto...
Muchas gracias por todo
:)
El día 6/03/07, Leandro Asrilevich <[EMAIL PROTECTED]> escribió:
>
> no estoy seguro si entendi lo que quieres hacer, pero sin haberlo
> testeado,
> supongo que este codigo te servira... (el pie se va a acomodar al ancho de
> la imagen.. va en realidad a un span que contiene adentro la imagen y el
> pie)
>
> <style>
> body {
> text-align:center;
> }
> .contenedor {
> text-align:center;
> position:relative;
> }
> .contenedor img{
> border:1px solid;
> margin-bottom:15px;
> }
> .pie {
> border:1px solid;
> background-color:#d3d3d3;
> width:100%;
> position:absolute;
> }
> </style>
>
> <body>
> <span class="contenedor">
> <img src="iwannagohome1[1].jpg" width="200" height="538" alt="" />
> <span class="pie">pepe epepep pepep pepepe pepep</span>
> </div>
> </body>
>
>
>
> On 3/6/07, Oscar martinez novoa <[EMAIL PROTECTED]> wrote:
> >
> > Hola gente,
> >
> > como van?
> >
> > Bueno la cosa es que quiero centrar una imagen dentro de una pagina y
> > abajo
> > quiero poner su pie de foto, pero claro cuando me pongo a poner un borde
> a
> > la imagen y un fondo con otro borde al pie de la imagen, veo que el
> ancho
> > acupa toda la pagina.
> > Se que si pongo el ancho de la foto pues se arreglaria pero claro, la
> foto
> > no siempre sera con el mismo ancho ni alto, con lo que haga me tiene que
> > valer para todas, en puesto tambien en ancho: auto y nada...
> >
> > Es posible hacer esto?
> >
> > Muuchas gracias gente
> >
> > ciao
> > _______________________________________________
> > Lista de distribución Ovillo
> > Para escribir a la lista, envia un correo a [email protected]
> > Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> > http://lists.ovillo.org/mailman/listinfo/ovillo
> >
>
>
>
> --
> ______________________________________
> | |
> | Leandro Asrilevich |
> | Web & Multimedia Developer |
> | Movil: +54 (3442) 15-454793 |
> | Tel: +54 (11) 4307-3085 |
> | |
> | Web: www.beastx.com.ar |
> | MSN: [EMAIL PROTECTED] |
> | Skype User: leandro.asrilevich |
> | |
> | Defensa 1805 PB "E" |
> | Capital Federal - Buenos Aires - Argentina |
> |_____________________________________|
> _______________________________________________
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a [email protected]
> 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 [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
______________________________________________
LLama Gratis a cualquier PC del Mundo.
Llamadas a fijos y móviles desde 1 céntimo por minuto.
http://es.voice.yahoo.com
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
