Re: [Ovillo] [OVILLO] - Centrar imagen con su pie de foto... un lio

2007-03-08 Por tema Maikel Naigt
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:
body
div class=contenedor
img src=imagen.jpg alt= /
div class=piespanpie de foto pie de foto pie de foto pie
de foto pie de foto pie de foto /span/div
/div
/body

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:
style
.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; }
/style

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

2007-03-07 Por tema Oscar martinez novoa

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=contenedorimg src=../imagenes/noticias/foto1.jpg
alt=Imagen noticia //span
   span class=pieMesa 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=piepepe 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

Re: [Ovillo] [OVILLO] - Centrar imagen con su pie de foto... un lio

2007-03-07 Por tema Noemÿffffed Garcÿffffeda Lorca
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=pieMesa 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=contenedorimg src=../imagenes/noticias/foto1.jpg
alt=Imagen noticia //span
span class=pieMesa 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=piepepe 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

Re: [Ovillo] [OVILLO] - Centrar imagen con su pie de foto... un lio

2007-03-07 Por tema Oscar martinez novoa
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:
 div class=contenedorFotoPopNoticia
 img src=../imagenes/noticias/foto1.jpg alt=Imagen noticia /
 div class=pieMesa 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=contenedorimg src=../imagenes/noticias/foto1.jpg
 alt=Imagen noticia //span
 span class=pieMesa 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=piepepe 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

Re: [Ovillo] [OVILLO] - Centrar imagen con su pie de foto... un lio

2007-03-07 Por tema Oscar martinez novoa
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:
  div class=contenedorFotoPopNoticia
  img src=../imagenes/noticias/foto1.jpg alt=Imagen noticia /
  div class=pieMesa 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=contenedorimg src=../imagenes/noticias/foto1.jpg
  alt=Imagen noticia //span
  span class=pieMesa 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=piepepe 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

Re: [Ovillo] [OVILLO] - Centrar imagen con su pie de foto... un lio

2007-03-07 Por tema Alvarez Laurnaga, Jose Antonio
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:
  div class=contenedorFotoPopNoticia
  img src=../imagenes/noticias/foto1.jpg alt=Imagen noticia /
  div class=pieMesa 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=contenedorimg src=../imagenes/noticias/foto1.jpg
  alt=Imagen noticia //span
  span class=pieMesa 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=piepepe 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

Re: [Ovillo] [OVILLO] - Centrar imagen con su pie de foto... un lio

2007-03-07 Por tema Oscar martinez novoa
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:
   div class=contenedorFotoPopNoticia
   img src=../imagenes/noticias/foto1.jpg alt=Imagen noticia /
   div class=pieMesa 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=contenedorimg src=../imagenes/noticias/foto1.jpg
   alt=Imagen noticia //span
   span class=pieMesa 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=piepepe 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

Re: [Ovillo] [OVILLO] - Centrar imagen con su pie de foto... un lio

2007-03-07 Por tema spi
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=contenedorimg 
src=/Consultas/Directorio/Bastiagueiro.png alt=Imagen noticia //div
span class=pieMesa 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ÿed Garcÿeda 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=pieMesa 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=contenedorimg src=../imagenes/noticias/foto1.jpg
 alt=Imagen noticia //span
 span class=pieMesa 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=piepepe 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

Re: [Ovillo] [OVILLO] - Centrar imagen con su pie de foto... un lio

2007-03-07 Por tema Alvarez Laurnaga, Jose Antonio
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:
div class=contenedorFotoPopNoticia
  img src=imagen.gif alt=Imagen noticia /br
  span class=pieMesa de autoridades (Foto: Nacho Romero)/span
/div


-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:
   div class=contenedorFotoPopNoticia
   img src=../imagenes/noticias/foto1.jpg alt=Imagen noticia /
   div class=pieMesa 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=contenedorimg 
   src=../imagenes/noticias/foto1.jpg
   alt=Imagen noticia //span
   span class=pieMesa 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

Re: [Ovillo] [OVILLO] - Centrar imagen con su pie de foto... un lio

2007-03-07 Por tema Leandro Asrilevich
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:
  div class=contenedorFotoPopNoticia
img src=imagen.gif alt=Imagen noticia /br
span class=pieMesa de autoridades (Foto: Nacho Romero)/span
  /div
 
 
  -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:
 div class=contenedorFotoPopNoticia
 img src=../imagenes/noticias/foto1.jpg alt=Imagen noticia
  /
 div class=pieMesa 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=contenedorimg
 src=../imagenes/noticias/foto1.jpg
 alt=Imagen noticia //span
 span class=pieMesa de autoridades (Foto: Nacho
  Romero)/span
 /div

 CSS:
 div.contenedorFotoPopNoticia{
 text-align: center;
 }
 .contenedor {
 text-align:center

Re: [Ovillo] [OVILLO] - Centrar imagen con su pie de foto... un lio

2007-03-06 Por tema Leandro Asrilevich
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=piepepe 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