Bonjour,
j'ai des liens sous forme de petites images de 44x33 px. Ce sont des ancres. En mode grand écran, tout va bien. En mode mobile, le lien n'est pas actif sur la totalité de l'image, mais uniquement sur une petite partie à la gauche de l'image
J'ai mis une class pour placer correctement le titre à droite de l'image.
Le css pour les smobiles :
Mystère.
j'ai des liens sous forme de petites images de 44x33 px. Ce sont des ancres. En mode grand écran, tout va bien. En mode mobile, le lien n'est pas actif sur la totalité de l'image, mais uniquement sur une petite partie à la gauche de l'image
<div>
<div style="float: left">
<a href="#bala"><img src="#" data-src="Images/Bala-M-C.jpg" alt="Musique au balafon" title="Bala" width="44" height="33"></a>
</div>
<div class="ancres">
Bala
</div></div>]J'ai mis une class pour placer correctement le titre à droite de l'image.
Le css pour les smobiles :
.ancres {
position:relative;
display:block;
width:4em;
margin-left:1em;}Mystère.
! Ça fonctionne sur toute l'image, sans que j'ai modifié quoi que ce soit ! Je n'ai pas eu le courage d'en mettre huit les unes à côté des autres comme sur l'original. C'était peut-être là le problème.