figcaption dans un tableau

Images se trouvant dans un tableau

Le problème exposé dans ce sujet a été résolu.

Bonjour,

Est-il possible de rajouter une figcaption lors du :hover dans une cellule d’un tableau ?

Pour le moment, le texte vient sous l’image :B

      <td> <figure><figcaption>      
	  </figure><img src="./images/Brighton.jpg" width="100%" height="100%" alt="" class="responsive"><strong>Binet</strong></figcaption></td>
    </figcaption> et mes CSS :
```css
figure {
  position: relative;
  display: inline-block;
  overflow: hidden;
		margin: 0;

}

figcaption {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  cursor: pointer;
  text-align: center;
  vertical-align: text-bottom;
  color: black;
  background-color : rgba(0,0,0,0.5);
  padding-top: 30%;
	font-family: 'clovis_cheuryregular', Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
  opacity: 0;
  transition: opacity 1s ease;
	font-size: 3em;
}
figure:hover figcaption {
  opacity: 1;
}

Merci pour votre aide. Bon week-end ;)
Connectez-vous pour pouvoir poster un message.
Connexion

Pas encore membre ?

Créez un compte en une minute pour profiter pleinement de toutes les fonctionnalités de Zeste de Savoir. Ici, tout est gratuit et sans publicité.
Créer un compte