J'ai cette construction: taille de l'image est 445px (mais 620px). Tous les autres liens comme celui-ci ont la taille 620px. dans l'IE Tout fonctionne bien et que le lien est de 445px de taille. Mais dans Firefox et Chrome, le lien est toujours de 620px large. La DIV a la bonne taille de 445px. Que faire? La balise chose intéressante est, le lien parcourut la taille de 445px, mais est cliquable jusqu'à la taille de 620px. . votre joern. doit avoir la taille de 445px.
3 Réponses :
yeeeehaaaaw! C'est tout, ça m'a commencé frustrant. grand merci!
Vous avez besoin float: gauche code> ou Affichage: bloquer code> ou (idéalement) affichage: inline-block code> sur le A Code>: <a onclick="toggle_media_box(); return false;" href="#" class="media_link">
<span class="media_span"></span>
</a>
.media_link, .media_span {
display: block;
width: 445px;
height: 200px;
}
.media_span {
background-image: url("/images/media.png");
}
Votre code HTML n'est actuellement pas valide et vous devez mettre l'ancre Une fois que vous avez votre HTML le bon chemin, vous pouvez définir votre ancre sur
Le div est utilisé pour afficher une image qui est hovable
Avez-vous vraiment besoin de la div? Que faites-vous exactement avec cela que vous ne pouvez pas faire avec l'ancre?
C'est un lien / ancre autour d'un div avec des images de fond pour la normale et la survolée.
Si vous avez besoin d'un conteneur à l'intérieur de l'ancre, je vous suggère d'utiliser une plage plutôt que d'une div. Actuellement, votre HTML n'est pas valide. à l'intérieur du plutôt que l'inverse.
Affichage: Bloquer et la taille si nécessaire.
4 commentaires
Votre HTML n'est pas valide pour commencer. Vous ne pouvez pas avoir de div dans une ancre. Les éléments de niveau en ligne ne peuvent pas contenir des éléments de niveau de bloc.