Problèmes de positionnement sur le survol de l'image?

Question

J'ai créé une galerie afin que les différentes images soient classées dans des colonnes. Les images sont des liens vers des iframes, donc quand on clique dessus, une page web est chargée décrivant l'image. Une caractéristique de la galerie que je voudrais intégrer est lorsque l'utilisateur survole l'image, le nom de l'image apparaît. J'ai ceci fonctionnant presque excepté il y a un défaut. Le nom de l'image apparaît en bas à droite de la div contenant, pas en bas à droite de l'image. Comment puis-je réparer cela? Voici la page Web: http://www.givetoagiver.co.cc/gallery.php et voici la feuille de style: http://www.givetoagiver.co.cc/style.css Merci

Answer 1

Ajouter:

ul.ulgallery li { 
position: relative; 
} 

Answer 2

Son tout dans le

position: absolute; right: 0; bottom: 0 

L'un: hover prend c'est la position absolue du premier parent qui a un attribut de position. Il n'y a pas d'autre élément sur votre page qui a la position déclarée si la valeur par défaut du corps (page entière)

Try donner le

li { position: relative} 

puis changer la position absolue de votre

.imgteaser a:hover {top: 0; left: 0}