(reprise du message précédent)
Salut,
Ah oui, j'ai répondu un peu trop en raccourci. Je ne parlais pas du centrage vertical pour l'utilisation du js mais de l'effet montrer/cacher un texte. Le poblème exposé dans le premier post repose sur le fait que l'image et le texte (à fredo25 > Texte à mettre dans un span et non dans un div !!!) ont le même parent. cette contrainte on peut facilement et très légitimement s'en débarassé en obtenant l'effet via javascript au lieu de css comme c'est le cas pour l'instant.
Si l'on fait
Avec un javascript qui tue dont je te laisse apprécier l'élégance
Alors le conteneur de l'image n'est plus déterminé par la présence du texte quand il passe en display:block;.
koala64 a écrit :
Voudrais-tu dire que même pour un centrage vertical, il serait préférable de le faire via JS ? S'il y a problème en CSS, on va avoir le même en JS mais dans les deux cas, ça se désactive (au pire)...
Salut,
Ah oui, j'ai répondu un peu trop en raccourci. Je ne parlais pas du centrage vertical pour l'utilisation du js mais de l'effet montrer/cacher un texte. Le poblème exposé dans le premier post repose sur le fait que l'image et le texte (à fredo25 > Texte à mettre dans un span et non dans un div !!!) ont le même parent. cette contrainte on peut facilement et très légitimement s'en débarassé en obtenant l'effet via javascript au lieu de css comme c'est le cas pour l'instant.
Si l'on fait
<p id="conteneur_image">
<a href=""><img src="" /></a>
</p>
<p id="conteneur_texte_a_montrer">
Texte à montrer
</p>
Avec un javascript qui tue dont je te laisse apprécier l'élégance
function effet_image() {
document.getElementById('conteneur_image').document.getElementsByTagName(a[0]).onmouseover= function() {
document.getElementById('conteneur_texte_a_montrer').style.display="block";
}
}
window.onload=effet_image();
Alors le conteneur de l'image n'est plus déterminé par la présence du texte quand il passe en display:block;.