Affichage image et texte en background

Centrer le texte verticalement

franceartdiffusion

franceartdiffusion

Messages : 1
Inscrit le : 03/03/2009 00:00

Merci infiniment pour toutes ces précisions.
J'aurais toutefois une dernière question à poser concernant le texte dans la barre de texte que je souhaiterais centrer verticalement.
Comment faire.
Merci d'avance pour votre retour.

Edité le 08/02/2023 11:24 par franceartdiffusion

overflo

overflo

Messages : 57
Inscrit le : mercredi, 10 août 2022

Hello,

Vous allez avoir des problèmes à rendre une image en fond d'un tableau responsive, les tableaux ne le sont pas naturellement, il vaudrait mieux remplacer votre code par celui-ci pour avoir une image qui s'adapte avec un peu le même rendu :


<div class="my-container">
<img src="https://www.franceartdiffusion.com/medias/images/schiele-21.jpg" alt="image">
<div class="my-caption">Légende de l'image</div>
</div>


Pour styliser tout ça, rajoutez le code CSS suivant dans la partie "Experts" et "CSS" de votre thème :


.my-container {
position: relative;
}

.my-caption {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: rgba(0, 0, 0, 0.5);
color: white;
padding: 10px;
text-align: center;
}


Je vous laisse modifier la légende de l'image, en passant par l'éditeur visuel vous pourrez rajouter des textes, de la couleurs, des liens, etc. si c'est un peu compliqué directement en HTML.