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
