Ajustement image et texte

Dans la page https://www.alma-musica.net/html/accueil.html il y côte à côte une image et un texte.

Y a-t-il un moyen en CSS pour assurer que la hauteur de l'image est la même que celle du texte ?

salut
ah non mon idée ne fonctionne pas.
Modifié par drphilgood (23 Sep 2024 - 15:08)

Salut,
Comme tu as mis le texte dans figcaption, la souplesse d'une grille est perdue. Figcaption est plutôt fait pour les textes courts. Ce que je ferais, c'est mettre l'image dans une grille et le texte dans une autre. En responsive, ils vont s'étirer ensembles. Par contre, il faudra voir avec le ratio de l'image (largeur/hauteur).
D'autant plus qu'au-delà de 800 px, ton image n'est plus responsive, alors que ton texte l'est toujours.
Dans cette situation, ce serait peut-être mieux d'utiliser float-left (ou right), afin que le texte contourne l'image quand il est plus grand. Quand il est plus petit, ça gène moins.
Je propose, mais je n'ai pas testé, c'est un peu long à mettre en place.
En tous cas, question intéressante.

Merci de ta réponse.
J'avais commencé à utiliser un float,mais je n'aimais pas le résultat, d'où ma <figure>
Je peux bien entendu calculer l'ajustement par JS sur évènement resize, mais c'est un peu compliqué, je vais laisser comme ça.