Re: [Ovillo] [OVILLO] - Centrar imagen con su pie de foto... un lio
Bueno, creo que enfocándolo desde otro punto de vista puedes llegar a un
efecto similar al que quieres. Para ello tendrías que establecer, en el
proceso de trabajo, un _ancho mínimo_ para las imágenes, y aplicar este como
ancho de los pies de foto. En este momento ya tendrías el texto pie de la
imagen limitado al ancho mínimo de estas. Después, para simular la caja
alrededor del pie de foto necesitaríamos un contenedor padre a este que
ocupara el 100% del contenedor principal (el que contiene imagen y pie).
Como último paso tendrás que limitar este contenedor principal al tamaño del
máximo elemento contenido (la imagen, en este caso) para lo cual te podrías
valer de la propiedad 'display:table' -que sólo funciona en navegadores CSS2
(FF y O)-. Para IE necesitarías, con esta aproximación al problema,
prescindir del contenedor padre del pie de foto. Otro punto en contra es que
el pie de foto casi nunca llegará a ocupar todo el ancho disponible (el
ancho de la imagen que esté en ese momento), aunque siempre puedes darle un
diseño bonito a este pie.
Coincidirás conmigo es que tengo un nivel docente próximo al arameo de un
niño de siete años, así que lo mejor que puedo hacer es acompañar tan
enigmático mensaje con un ejemplo medianamente ilustrativo:
Este sería el contenido de ejemplo:
pie de foto pie de foto pie de foto pie
de foto pie de foto pie de foto
Podrás obervar que el texto del pie de foto está dentro de dos contenedores,
el más externo se encargará de albergar las propiedades de color de fondo y
borde, y el interno será el que limitaremos en anchura (en FF y O, porque en
IE necesitaremos limitar también el global).
Estos serían los estilos de ejemplo:
.contenedor { display: table; background-color: #efe; margin: 0 auto; }
* html .contenedor { width: 11em; }
img { border: 1px solid; }
.pie { border: 1px solid; background-color: #d3d3d3; }
* html .pie { border: none; background-color: transparent; }
.pie span { display: block; width: 10em; }
Los estilos que comienzan con ' * html ' corresponden a las propiedades que
se aplican solo a IE6, ya que este no soporta el atributo _table_ de
_display_ y el contenedor global tiende a ocuparnos todo el ancho del body;
con lo cual controlamos el ancho _global_ desde el contenedor principal, lo
que nos acarrea algunos indeseables efectos secundarios. Es posible que en
otros entornos de diseño
nos compense más cambiar este _width: 11em_ de ' * html .contenedor ' por un
_float: left_ o similar que es capaz de ajustar el contenedor global al
contenido.
Esta es una aproximación rápida a una solución medianamente _competente_ .
Supongo que jugando con unas y otras propiedades, y sabiendo exactamente
donde irá integrado podríamos aplicar más convenientemente los estilos
necesarios.
En fin, espero no haberos aburrido en demasía. ; )
On 3/7/07, Oscar martinez novoa <[EMAIL PROTECTED]> wrote:
>
> Pues entonces no me quedara otra que hacerlo asi...
>
> yo pensaba que si se podia hacer sin js ni nada de eso... bueno, pues la
> verdad que fastidio.
> Buscare mas por ahi a ver si veo algo
>
> De todos modos muchisimas gracias por la ayuda, se encuentro algo que
> funcione como quiero os lo pongo aqui.
>
> Gracias
> ciao
>
> El día 7/03/07, Alvarez Laurnaga, Jose Antonio <[EMAIL PROTECTED]>
> escribió:
>
> >
> ___
> 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
>
Un saludo,
David Merino Ogando
___
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
Re: [Ovillo] [OVILLO] - Centrar imagen con su pie de foto... un lio
yo probe el codigo que te envie com segundo post, y al menos en FF2 funciona
perfecto...
On 3/7/07, Oscar martinez novoa <[EMAIL PROTECTED]> wrote:
>
> Pues entonces no me quedara otra que hacerlo asi...
>
> yo pensaba que si se podia hacer sin js ni nada de eso... bueno, pues la
> verdad que fastidio.
> Buscare mas por ahi a ver si veo algo
>
> De todos modos muchisimas gracias por la ayuda, se encuentro algo que
> funcione como quiero os lo pongo aqui.
>
> Gracias
> ciao
>
> El día 7/03/07, Alvarez Laurnaga, Jose Antonio <[EMAIL PROTECTED]>
> escribió:
> >
> > Me temo que lo que pides es poco menos que un imposible, al menos con
> > medios estandar
> > (sin js o chapuceo en las css) Ten en cuenta que lo que quieres es
> aplicar
> > un tamaño a un
> > elemento (la descripción textual) basándote en el tamaño desconocido de
> > una imagen...
> >
> > Lo sencillo sería que dependiendo del tamaño de la ventana la
> descripción
> > se estire lo que
> > necesite o pueda eso sí centrada con respecto a la imagen. Y eso es tan
> > simple como esto:
> >
> > CSS:
> > div.contenedorFotoPopNoticia {
> > text-align: center;
> >
> > }
> > div.contenedorFotoPopNoticia img{
> > border:1px solid;
> > }
> > .pie {
> > border:1px solid;
> > background-color:#d3d3d3;
> > }
> >
> >
> > HTML:
> >
> >
> > Mesa de autoridades (Foto: Nacho Romero)
> >
> >
> >
> > -----Mensaje original-----
> > De: [EMAIL PROTECTED] [mailto:
> > [EMAIL PROTECTED] En nombre de Oscar martinez novoa
> > Enviado el: miércoles 7 de marzo de 2007 16:56
> > Para: Ovillo, la lista de CSS en castellano
> > Asunto: Re: [Ovillo] [OVILLO] - Centrar imagen con su pie de foto... un
> > lio
> >
> >
> > Es eso pero centrado en el medio y que poniendo cualquier foto sin decir
> > yo su ancho, el ancho de la casilla de abajo que es su pie de foto, sea
> del
> > mismo ancho que la foto y no se pase de ese ancho.
> >
> > eso es...
> >
> > un rollo... ¿verdad?
> >
> > Muchas gracias por vuestra paciencia
> > :)
> >
> > El día 7/03/07, Alvarez Laurnaga, Jose Antonio <[EMAIL PROTECTED]>
> > escribió:
> > >
> > > A ver, Oscar, todavía no entiendo lo que quieres hacer.
> > >
> > > ¿Se trata de colocar una imagen con un borde y debajo un texto
> > > explicativo también con borde y color de fondo. Todo ello centrado
> > > horizontalmente en la página?
> > >
> > > ¿Es eso todo o me dejo algo?
> > >
> > >
> > > -Mensaje original-
> > > De: [EMAIL PROTECTED] [mailto:
> > > [EMAIL PROTECTED] En nombre de Oscar martinez novoa
> > > Enviado el: miércoles 7 de marzo de 2007 16:32
> > > Para: Ovillo, la lista de CSS en castellano
> > > Asunto: Re: [Ovillo] [OVILLO] - Centrar imagen con su pie de foto...
> > > un lio
> > >
> > >
> > > 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ÿed Garcÿeda Lorca <[EMAIL PROTECTED]>
> > > > escribió:
> > > > >
> > > > > A mi no me llegó el pantallazo adjuntado ;-P
> > > > >
> > > > > Prueba esto, a ver si te sirve.
> > > > >
> > > > > html:
> > > > >
> > > > > > />
> > > > > Mesa de autoridades (Foto: Nacho
> > > > > Romero)
> > > > >
> > > > > CSS:
> > > > > div.contenedorFotoPopNoticia{
>
Re: [Ovillo] [OVILLO] - Centrar imagen con su pie de foto... un lio
Pues entonces no me quedara otra que hacerlo asi...
yo pensaba que si se podia hacer sin js ni nada de eso... bueno, pues la
verdad que fastidio.
Buscare mas por ahi a ver si veo algo
De todos modos muchisimas gracias por la ayuda, se encuentro algo que
funcione como quiero os lo pongo aqui.
Gracias
ciao
El día 7/03/07, Alvarez Laurnaga, Jose Antonio <[EMAIL PROTECTED]>
escribió:
>
> Me temo que lo que pides es poco menos que un imposible, al menos con
> medios estandar
> (sin js o chapuceo en las css) Ten en cuenta que lo que quieres es aplicar
> un tamaño a un
> elemento (la descripción textual) basándote en el tamaño desconocido de
> una imagen...
>
> Lo sencillo sería que dependiendo del tamaño de la ventana la descripción
> se estire lo que
> necesite o pueda eso sí centrada con respecto a la imagen. Y eso es tan
> simple como esto:
>
> CSS:
> div.contenedorFotoPopNoticia {
> text-align: center;
>
> }
> div.contenedorFotoPopNoticia img{
> border:1px solid;
> }
> .pie {
> border:1px solid;
> background-color:#d3d3d3;
> }
>
>
> HTML:
>
>
> Mesa de autoridades (Foto: Nacho Romero)
>
>
>
> -Mensaje original-
> De: [EMAIL PROTECTED] [mailto:
> [EMAIL PROTECTED] En nombre de Oscar martinez novoa
> Enviado el: miércoles 7 de marzo de 2007 16:56
> Para: Ovillo, la lista de CSS en castellano
> Asunto: Re: [Ovillo] [OVILLO] - Centrar imagen con su pie de foto... un
> lio
>
>
> Es eso pero centrado en el medio y que poniendo cualquier foto sin decir
> yo su ancho, el ancho de la casilla de abajo que es su pie de foto, sea del
> mismo ancho que la foto y no se pase de ese ancho.
>
> eso es...
>
> un rollo... ¿verdad?
>
> Muchas gracias por vuestra paciencia
> :)
>
> El día 7/03/07, Alvarez Laurnaga, Jose Antonio <[EMAIL PROTECTED]>
> escribió:
> >
> > A ver, Oscar, todavía no entiendo lo que quieres hacer.
> >
> > ¿Se trata de colocar una imagen con un borde y debajo un texto
> > explicativo también con borde y color de fondo. Todo ello centrado
> > horizontalmente en la página?
> >
> > ¿Es eso todo o me dejo algo?
> >
> >
> > -----Mensaje original-----
> > De: [EMAIL PROTECTED] [mailto:
> > [EMAIL PROTECTED] En nombre de Oscar martinez novoa
> > Enviado el: miércoles 7 de marzo de 2007 16:32
> > Para: Ovillo, la lista de CSS en castellano
> > Asunto: Re: [Ovillo] [OVILLO] - Centrar imagen con su pie de foto...
> > un lio
> >
> >
> > 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ÿed Garcÿeda Lorca <[EMAIL PROTECTED]>
> > > escribió:
> > > >
> > > > A mi no me llegó el pantallazo adjuntado ;-P
> > > >
> > > > Prueba esto, a ver si te sirve.
> > > >
> > > > html:
> > > >
> > > > />
> > > > Mesa de autoridades (Foto: Nacho
> > > > Romero)
> > > >
> > > > 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 <
Re: [Ovillo] [OVILLO] - Centrar imagen con su pie de foto... un lio
Me temo que lo que pides es poco menos que un imposible, al menos con medios
estandar
(sin js o chapuceo en las css) Ten en cuenta que lo que quieres es aplicar un
tamaño a un
elemento (la descripción textual) basándote en el tamaño desconocido de una
imagen...
Lo sencillo sería que dependiendo del tamaño de la ventana la descripción se
estire lo que
necesite o pueda eso sí centrada con respecto a la imagen. Y eso es tan simple
como esto:
CSS:
div.contenedorFotoPopNoticia {
text-align: center;
}
div.contenedorFotoPopNoticia img{
border:1px solid;
}
.pie {
border:1px solid;
background-color:#d3d3d3;
}
HTML:
Mesa de autoridades (Foto: Nacho Romero)
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Oscar martinez
novoa
Enviado el: miércoles 7 de marzo de 2007 16:56
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] [OVILLO] - Centrar imagen con su pie de foto... un lio
Es eso pero centrado en el medio y que poniendo cualquier foto sin decir yo su
ancho, el ancho de la casilla de abajo que es su pie de foto, sea del mismo
ancho que la foto y no se pase de ese ancho.
eso es...
un rollo... ¿verdad?
Muchas gracias por vuestra paciencia
:)
El día 7/03/07, Alvarez Laurnaga, Jose Antonio <[EMAIL PROTECTED]>
escribió:
>
> A ver, Oscar, todavía no entiendo lo que quieres hacer.
>
> ¿Se trata de colocar una imagen con un borde y debajo un texto
> explicativo también con borde y color de fondo. Todo ello centrado
> horizontalmente en la página?
>
> ¿Es eso todo o me dejo algo?
>
>
> -Mensaje original-
> De: [EMAIL PROTECTED] [mailto:
> [EMAIL PROTECTED] En nombre de Oscar martinez novoa
> Enviado el: miércoles 7 de marzo de 2007 16:32
> Para: Ovillo, la lista de CSS en castellano
> Asunto: Re: [Ovillo] [OVILLO] - Centrar imagen con su pie de foto...
> un lio
>
>
> 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ÿed Garcÿeda Lorca <[EMAIL PROTECTED]>
> > escribió:
> > >
> > > A mi no me llegó el pantallazo adjuntado ;-P
> > >
> > > Prueba esto, a ver si te sirve.
> > >
> > > html:
> > >
> > >
> > > Mesa de autoridades (Foto: Nacho
> > > Romero)
> > >
> > > 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:
> > >
> > > > > src="../imagenes/noticias/foto1.jpg"
> > > alt="Imagen noticia" />
> > > Mesa de autoridades (Foto: Nacho Romero)
> > >
> > >
> > > CSS:
> > > div.contenedorFotoPopNoticia{
> > > text-align: center;
> > > }
> > > .contenedor {
> > > text-align:center;
> > > position:relative;
> &
Re: [Ovillo] [OVILLO] - Centrar imagen con su pie de foto... un lio
si no te entendí mal... a ver si lo que quieres es esto:
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;
}
Mesa de autoridades (Foto: Nacho Romero)
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ÿed Garcÿeda Lorca <[EMAIL PROTECTED]>
>> escribió:
>>
>>> A mi no me llegó el pantallazo adjuntado ;-P
>>>
>>> Prueba esto, a ver si te sirve.
>>>
>>> html:
>>>
>>>
>>> Mesa de autoridades (Foto: Nacho Romero)
>>>
>>>
>>> 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:
>>>
>>> >> alt="Imagen noticia" />
>>> Mesa de autoridades (Foto: Nacho Romero)
>>>
>>>
>>> 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)
>>>>
>>>>
>>>> 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;
>>>> }
>>>>
>>>
Re: [Ovillo] [OVILLO] - Centrar imagen con su pie de foto... un lio
Es eso pero centrado en el medio y que poniendo cualquier foto sin decir yo
su ancho, el ancho de la casilla de abajo que es su pie de foto, sea del
mismo ancho que la foto y no se pase de ese ancho.
eso es...
un rollo... ¿verdad?
Muchas gracias por vuestra paciencia
:)
El día 7/03/07, Alvarez Laurnaga, Jose Antonio <[EMAIL PROTECTED]>
escribió:
>
> A ver, Oscar, todavía no entiendo lo que quieres hacer.
>
> ¿Se trata de colocar una imagen con un borde y debajo un texto
> explicativo también con borde y color de fondo. Todo ello centrado
> horizontalmente en la página?
>
> ¿Es eso todo o me dejo algo?
>
>
> -Mensaje original-
> De: [EMAIL PROTECTED] [mailto:
> [EMAIL PROTECTED] En nombre de Oscar martinez novoa
> Enviado el: miércoles 7 de marzo de 2007 16:32
> Para: Ovillo, la lista de CSS en castellano
> Asunto: Re: [Ovillo] [OVILLO] - Centrar imagen con su pie de foto... un
> lio
>
>
> 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ÿed Garcÿeda Lorca <[EMAIL PROTECTED]>
> > escribió:
> > >
> > > A mi no me llegó el pantallazo adjuntado ;-P
> > >
> > > Prueba esto, a ver si te sirve.
> > >
> > > html:
> > >
> > >
> > > Mesa de autoridades (Foto: Nacho Romero)
> > >
> > >
> > > 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:
> > >
> > > > > alt="Imagen noticia" />
> > > Mesa de autoridades (Foto: Nacho Romero)
> > >
> > >
> > > 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)
> >
Re: [Ovillo] [OVILLO] - Centrar imagen con su pie de foto... un lio
A ver, Oscar, todavía no entiendo lo que quieres hacer.
¿Se trata de colocar una imagen con un borde y debajo un texto
explicativo también con borde y color de fondo. Todo ello centrado
horizontalmente en la página?
¿Es eso todo o me dejo algo?
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Oscar martinez
novoa
Enviado el: miércoles 7 de marzo de 2007 16:32
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] [OVILLO] - Centrar imagen con su pie de foto... un lio
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ÿed Garcÿeda Lorca <[EMAIL PROTECTED]>
> escribió:
> >
> > A mi no me llegó el pantallazo adjuntado ;-P
> >
> > Prueba esto, a ver si te sirve.
> >
> > html:
> >
> >
> > Mesa de autoridades (Foto: Nacho Romero)
> >
> >
> > 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:
> >
> > > alt="Imagen noticia" />
> > Mesa de autoridades (Foto: Nacho Romero)
> >
> >
> > 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)
> > >
> > >
> > > 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;
> > > }
> > >
> > >
> > >
> > >
> > >
> > > pepe epepep pepep pepepe pepep
> > >
> > >
> > >
> > >
> > > On 3/6/07, Oscar martinez novoa <[EMAIL PROTECTED]> wrote:
> > > >
> > > > Hola gente,
> > > >
> > > > como van?
> >
Re: [Ovillo] [OVILLO] - Centrar imagen con su pie de foto... un lio
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ÿed Garcÿeda Lorca <[EMAIL PROTECTED]>
> escribió:
> >
> > A mi no me llegó el pantallazo adjuntado ;-P
> >
> > Prueba esto, a ver si te sirve.
> >
> > html:
> >
> >
> > Mesa de autoridades (Foto: Nacho Romero)
> >
> >
> > 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:
> >
> > > alt="Imagen noticia" />
> > Mesa de autoridades (Foto: Nacho Romero)
> >
> >
> > 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)
> > >
> > >
> > > 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;
> > > }
> > >
> > >
> > >
> > >
> > >
> > > pepe epepep pepep pepepe pepep
> > >
> > >
> > >
> > >
> > >
> > > 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: au
Re: [Ovillo] [OVILLO] - Centrar imagen con su pie de foto... un lio
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ÿed Garcÿeda Lorca <[EMAIL PROTECTED]>
escribió:
>
> A mi no me llegó el pantallazo adjuntado ;-P
>
> Prueba esto, a ver si te sirve.
>
> html:
>
>
> Mesa de autoridades (Foto: Nacho Romero)
>
>
> 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"
> 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:
>
> alt="Imagen noticia" />
> Mesa de autoridades (Foto: Nacho Romero)
>
>
> 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)
> >
> >
> > 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;
> > }
> >
> >
> >
> >
> >
> > pepe epepep pepep pepepe pepep
> >
> >
> >
> >
> >
> > 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 |
> > |
Re: [Ovillo] [OVILLO] - Centrar imagen con su pie de foto... un lio
A mi no me llegó el pantallazo adjuntado ;-P
Prueba esto, a ver si te sirve.
html:
Mesa de autoridades (Foto: Nacho Romero)
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"
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:
Mesa de autoridades (Foto: Nacho Romero)
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)
>
>
> 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;
> }
>
>
>
>
>
> pepe epepep pepep pepepe pepep
>
>
>
>
>
> 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
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:
Mesa de autoridades (Foto: Nacho Romero)
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)
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;
}
pepe epepep pepep pepepe pepep
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
Re: [Ovillo] [OVILLO] - Centrar imagen con su pie de foto... un lio
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)
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;
}
pepe epepep pepep pepepe pepep
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
