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
