Foros del Web » Creando para Internet » CSS »

Duda con CSS en <figcaption>

Estas en el tema de Duda con CSS en <figcaption> en el foro de CSS en Foros del Web. Hola! tengo la siguietne duda de css en el siguiente slider: http://www.firenetworks.eu/gallery/index.html Tengo un texto abajo que contiene <figcaption> y abajo una imagen: Cita: <figure ...
  #1 (permalink)  
Antiguo 07/11/2011, 09:34
Avatar de NaRanJiTo78  
Fecha de Ingreso: noviembre-2007
Ubicación: In the BeaCh
Mensajes: 874
Antigüedad: 16 años, 5 meses
Puntos: 10
Exclamación Duda con CSS en <figcaption>

Hola!

tengo la siguietne duda de css en el siguiente slider:

http://www.firenetworks.eu/gallery/index.html

Tengo un texto abajo que contiene <figcaption> y abajo una imagen:

Cita:
<figure class="active">
<img src="gallery/1.jpg" onload="site.handleResizing();" alt="image 1" />
<figcaption>
<p>texto de prueba</p><img src="gallery/imprimir_cupon.png" alt="Imprimir_cupon" width="233" height="89">
</figcaption>
</figure>
El caso es que por más que declaro como quiero que sea "img" en figcaption, me coge toda la pantalla...

Cita:
<style>
<!--
#galleryspace figure.active figcaption img {display:block;width:233px; height:39px; position:fixed;text-align:center;}
-->
</style>
Como puedo solucionar para que el icono se vea en el tamaño que indico? (233x89px)

Un saludo, muchas gracias
  #2 (permalink)  
Antiguo 07/11/2011, 10:41
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 16 años, 9 meses
Puntos: 1567
Respuesta: Duda con CSS en <figcaption>

En primer lugar, tu estructura no es correcta
El tag figure contiene una imagen o figura dentro del documento, el tag figcaption agrega un título a dicha imagen

Entonces

<figure>
<img src="cupon.png" alt="" width="233" height="89">
<figcaption>Título de cupon.png</figcaption>
</figure>

Dos imágenes requerirían 2 figure con sus correspondientes figcaption, en tu código tenes definida un img dentro de figcaption y un <p> que no creo que se justifique.
Adeás de tener 2 imagenes.

En cuanto al dimensionamiento de cupon.png, con width y height te tendria que bastar.
Por último, no sé que función cumple
onload="site.handleResizing();" en la primera imagen, puede que eso este afectando algo.

Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #3 (permalink)  
Antiguo 07/11/2011, 11:10
Avatar de NaRanJiTo78  
Fecha de Ingreso: noviembre-2007
Ubicación: In the BeaCh
Mensajes: 874
Antigüedad: 16 años, 5 meses
Puntos: 10
Respuesta: Duda con CSS en <figcaption>

Hola emprear, gracias por responder!

He puesto otro <figure> posterior con z-index=100 para separarlo del anterior para ver si era ese el problema, pero sigue ampliando dicha imagen a la resolución de pantalla completa (aunque ponga la estructura de imagen de ancho y alto igual que la de cupon.png ---> width="233" height="89")

La funcion onload="site.handleResizing();"es para ajustar la imagen al tamaño de pantalla (resize del navegador).
Solo está activado con la primera imagen, por lo que no estoy seguro del todo si afectará también a la segunda...

En fin no se que hacer...
  #4 (permalink)  
Antiguo 07/11/2011, 11:51
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 16 años, 9 meses
Puntos: 1567
Respuesta: Duda con CSS en <figcaption>

Justamente, no tengo idea de que hace tu
site.handleResizing()

Proba el html sin la función esa a ver que pasa con el tamaño, si se ve bien las medidas, entonces es cosa de analizar todo el conjunto para ver como trabaja el javascript

Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.

Etiquetas: html, tamaño
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 15:48.