11484 sujets

JavaScript, DOM et API Web HTML5

Bonjour tout le monde,

Voici un exemple de code :

<div class="tl">
		<div class="texte">
			bla bla bla
		</div>

		<div class="image">
			<img>
		</div>
	</div>
<div class="tl">
		<div class="texte">
			bla bla bla
		</div>

		<div class="image">
			<img>
		</div>
	</div>


Mon souhait est le suivant : j’aimerai que .image ai la même hauteur que .texte qui l'a précède dans le code, sachant que la hauteur de .texte est n'est pas toujours la même en fonction du contenu.

J'ai bien ça
$(".tl > .image").css({'height' [decu]$(".tl > texte").height()+'px')});

Mais ça applique la même hauteur de .texte de la première div .tl sur le .image de la 2ème div .tl

Donc j'aimerai que : si la hauteur de .texte du 1er .tl = 450px, la hauteur de .image du 1er .tl soit aussi de 450px
Et si la hauteur de .texte du 2ème .tl = 150px, la hauteur de .image du 2ème .tl soit de 150px.

Merci pour votre aide Smiley smile
Ok merci.
J'avais pensé au Background, mais je préférai que ça reste en <img> et du coup j'ai pas du tout pensé à l'absolue, je ne sais même pas pourquoi.

Très gentil de ta part, ça règle mon problème Smiley smile
Modifié par MatthieuJ (03 Feb 2020 - 15:26)