si no te entendí mal... a ver si lo que quieres es esto:

<style type="text/css">
div.contenedorFotoPopNoticia{
    text-align: center;
}
div.contenedorFotoPopNoticia > img {
     text-align:center;
     position:relative;
}
.pie {
     top:5px;
     text-align:center;
     border:1px solid;
     background-color:#d3d3d3;
     width:100%;
     position: relative;
}
</style>

<div class="contenedorFotoPopNoticia">
    <div class="contenedor"><img 
src="/Consultas/Directorio/Bastiagueiro.png" alt="Imagen noticia" /></div>
    <span class="pie">Mesa de autoridades (Foto: Nacho Romero)</span>
 </div>

un saludín...

Oscar martinez novoa escribió:
> Hola gente!,
>
>
> Alguien se le ocurre como arreglar esto?
>
>
> Gracias
> ;)
>
>
> El día 7/03/07, Oscar martinez novoa <[EMAIL PROTECTED]> escribió:
>   
>> Cachis....
>>
>> no sale bien
>>
>> coge como ancho toda la ventana popup, no el ancho de la foto y el borde
>> sale en el conjunto de foto mas pie y en el pie no sale su borde, da igual
>> que se ponga width con auto que sin el...
>> seguire "jugando" con este codigo tuyo a ver si consigo, pero lo dicho, no
>> sale bien.
>>
>> De todos modos muuuchisimas gracias por la ayuda
>> :)
>>
>> ciao
>>
>> El día 7/03/07, Noemÿffffed Garcÿffffeda Lorca <[EMAIL PROTECTED]>
>> escribió:
>>     
>>> 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" < ovillo@lists.ovillo.org>
>>> 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 Ovillo@lists.ovillo.org
>>>>> 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 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
>>>
>>>
>>>
>>>
>>>
>>>
>>> ______________________________________________
>>> 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 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
>
>
> __________ Información de NOD32, revisión 2100 (20070307) __________
>
> Este mensaje ha sido analizado con  NOD32 antivirus system
> http://www.nod32.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

Responder a