Foros del Web » Diseño web » CSS »

Poner pie de foto

Estas en el tema de Poner pie de foto en el foro de CSS en Foros del Web. Hola a tod@s Estoy trasladando una página web de formato con marcos a CSS. En ella hay, entre otras cosas, un texto amplio acompañado de ...
  #1 (permalink)  
Antiguo 11/12/2005, 10:39
 
Fecha de Ingreso: diciembre-2001
Ubicación: Málaga
Mensajes: 328
Antigüedad: 12 años, 9 meses
Puntos: 0
Poner pie de foto

Hola a tod@s
Estoy trasladando una página web de formato con marcos a CSS.
En ella hay, entre otras cosas, un texto amplio acompañado de imágenes.
Cada imagen lleva un pie de foto en el que se indica quien es el personaje, el edificio o lo que sea.
Hasta ahora lo tengo todo metido en una tabla y siempre está donde le digo (podéis verlo en http://club.telepolis.com/cjenlaweb/...acueducto.htm), pero al pasarlo a CSS, no aparece en texto debajo de la imagen.
Quiero usar posicionamientos relativos, con el fin de que adapte al ancho disponible.
¿Cómo se hace esto de poner pies de fotos en CSS y que permanezcan "donde se le dice"?
Gracias de antemano y saludos.
  #2 (permalink)  
Antiguo 11/12/2005, 18:26
Avatar de baccxus  
Fecha de Ingreso: mayo-2005
Ubicación: Panama city, Panama, Panama
Mensajes: 855
Antigüedad: 9 años, 4 meses
Puntos: 10
La página muestra error

Saludos
__________________
Al final del día hablar es gratis, codificar no lo es
  #3 (permalink)  
Antiguo 13/12/2005, 13:55
 
Fecha de Ingreso: diciembre-2001
Ubicación: Málaga
Mensajes: 328
Antigüedad: 12 años, 9 meses
Puntos: 0
Gracias por intentarlo baccxus. No sé por qué da error, ya que el enlace está bien, aunque el enlace es a la página que tengo con frames, no a la que estoy intentando hacer con CSS; pero de todos modos ya encontré la solución a esta duda. Se me plantearán muchas más y espero contar con todos vosotros. Esto de ser novato crea ciertas confusiones.
Saludos
  #4 (permalink)  
Antiguo 13/12/2005, 14:51
Avatar de RoQ
RoQ
 
Fecha de Ingreso: abril-2005
Mensajes: 771
Antigüedad: 9 años, 6 meses
Puntos: 0
puedes crear una clase
Código:
.imgder{
float:right; /*para ponerlo a la derecha */
margin:20px; /* un margen cualquiera */
}

.imgizq{
float:left; /*para ponerlo a la izquierda */
margin:20px; /* un margen cualquiera */
}
.imgizq img, .imgder img{
display: block;
margin: 0 auto; /* centrar imagen */
}
.imgizq p, .imgder p{
text-align:center; 
font-weight:bold; 
font-size: 8px; 
}
y el html
Código HTML:
<div class="imgizq">
<img src="....jpg" />
<p> Descripcion de la imagen </p>
</div> 
eso te pone la imgen a la izquierda, si lo quieres a la derecha le cambias la clase a "imgder"
  #5 (permalink)  
Antiguo 13/12/2005, 14:58
 
Fecha de Ingreso: diciembre-2001
Ubicación: Málaga
Mensajes: 328
Antigüedad: 12 años, 9 meses
Puntos: 0
Muchas gracias RoQ
Probré los códigos que me has pasado.
Un saludo
  #6 (permalink)  
Antiguo 21/05/2008, 21:24
Avatar de -=ArgoN=-  
Fecha de Ingreso: octubre-2005
Ubicación: Barcelona, España
Mensajes: 843
Antigüedad: 9 años
Puntos: 1
De acuerdo Respuesta: Poner pie de foto

Excelente aporte RoQ

:)

ArgoN
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 01:09.
SEO by vBSEO 3.3.2