J'ai un problème avec un remplissage supplémentaire sur l'élément de liaison avec une image à l'intérieur. Il arrive dans tous les navigateurs, safari, firefox, c.-à-d.
J'ai une feuille de style de réinitialisation appliquée, donc il ne devrait pas y avoir de marges supplémentaires sur le rembourrage, mais lors de l'inspection, il est clair que le Voici le balisage et le CSS: a L'élément a un remplissage supplémentaire inférieur de nulle part. Des idées?
1 commentaires
7 Réponses :
L'image d'arrière-plan de la classe de film apparaîtra au bas de la boîte et du remplissage appliqué à celle-ci, utilisez donc ce qui suit si vous avez besoin de l'espace 11px en bas de l'image.
div.home-col .movie {
margin: 0 0 11px 0;
background: url(../img/bg-shadow-movie.png) bottom no-repeat;
}
Ce n'est pas le cas. Le rembourrage est l'endroit où l'ombre est - et c'est exactement la même chose que l'image de l'ombre afin que ce ne soit pas ce qui cause le problème. Le rembourrage supplémentaire est appliqué sur un élément , et non rien d'autre.
Avez-vous essayé d'ajouter un rembourrage à:
div.home-col .movie a {
display: block;
padding: 0 0 0 0;
background: url(../img/bg-zoom-movie.png) 50% 5px no-repeat;
}
Oui, j'ai également essayé de réinitialiser le rembourrage. A: Visité ne fonctionne pas non plus. Assez étrange, je me souviens également du même problème de certains projets précédents.
Essayez d'ajouter la ligne suivante à votre élément de lien:
J'ai eu le même problème et l'a ajouté au parent div et que cela a fonctionné, j'utilise HTML5 DOCTYPE et ce problème a soudainement commencé à apparaître
Êtes-vous sûr que c'est tout le CSS? Je ne vois pas le problème que vous décrivez sur cette page de test: http: // www.pauldwaite.co.uk/test-pages/3532870/
Bonjour, j'ai eu le même problème et j'ai trouvé que si vous alignez verticalement l'image au bas, elle sera corrigée.
Image à l'intérieur de Div a un espace supplémentaire sous l'image
Ajout de style = "Rembourrage: 0PX;" résolu le problème pour moi.
Désolé de répondre à cette question 3 année plus tard, mais cette page est dans la première page Google et je ressens la responsabilité .....
Réponse: Ajouter seulement
Cela fonctionne bien. En fait, «moyen» ou «fond» fonctionnera également comme alignement vertical, tant que ce n'est pas «de base». 'Baseline' se réserve un peu d'espace sous l'élément pour le descendant (par exemple la queue de la Y), qui peut se retrouver comme le "rembourrage" non désiré.
Voudrais voir ces images que vous utilisez pour les images de fond CSS. Dans votre exemple, il semble que vous mettriez explicitement un remplissage de 11px au bas de .movie, de sorte que votre image ombrante ne s'aligne pas, votre ombre est peut-être inférieure à 11px?