5568 sujets

Sémantique web et HTML

J'ai quatre div en display:flex. Ces div contiennent des images. A l'affichage, il y a une ligne sous l'image. J'ai essayé avec un border:0px sur chaque image, sans résultats. Une idée ?
Merci Laurent pour ta réponse, mais le problème reste entier, j'ai à la fois un espace sous l'image et un tiret fin sous l'image.
Modérateur
(re)Salut,

Sans un petit bout de code a se mettre sous la dent ca av etre très compliqué pour nous. Tu peux le reproduire dans jsfiddle ou codepen ?

Merci !
Voilà un 'petit bout de code' :

<!-- première ligne -->
<div style="width:380px;display: flex;justify-content: space-around;flex-direction: row;margin-bottom:5px;">
<div class="tooltip" style="width:90px;">
<img src="oeo-rsc/images/ClaudineTetard-90x91.jpg" width="90" height="91" alt=""/>
<span class="tooltiptext">Claudine Têtard : enseignante CP - Coprésidente de l'association é-SI (&Eacute;ducation Science et Innovation)</span>
</div>

<div class="tooltip" style="width:90px;">
<img src="oeo-rsc/images/Severine-Degery-90x91.jpg" width="90" height="91" alt=""/>
<span class="tooltiptext">Séverine Degery : enseignante d. ULIS - Secrétaire de l'association é-SI (&Eacute;ducation Science et Innovation)</span>
</div>

<div class="tooltip" style="width:90px;">
<img src="oeo-rsc/images/Anne-Mallet-90x91.jpg" width="90" height="91" alt=""/>
<span class="tooltiptext">Anne Mallet : enseignante CE2-CM1, mise à disposition du projet par le rectorat</span>
</div>

<div class="tooltip" style="width:90px;">
<img src="oeo-rsc/images/Ph-philippe-Velten-4-90x91.jpg" width="90" height="91" alt=""/>
<span class="tooltiptext">Philippe Velten : directeur de la pédagogie du rectorat de Dijon. Référent institutionnel du projet. Ancien inspecteur</span>
</div>
</div><!--fin première ligne -->
Hello,
J'ai mis un 'line-height:0px;' sur chaque div englobant 4 images. La bordure a disparu et la mage établie est correcte.
Meilleure solution