Problème avec HTML/marges CSS avec des images

J'essaie d'obtenir la marge d'une image en HTML/CSS pour être 0px mais quand j'utiliseProblème avec HTML/marges CSS avec des images

body { 
margin: 0px; 
}

elle affecte l'ensemble du corps (image et texte) . C'est prévu. Alors j'ai pensé, eh bien, je vais juste utiliser un cours. J'ai essayé ceci:

CSS:

.class-name { 
margin: 0px; 
}

HTML:

<img class="class-name" src="path/to/file.png">

Maintenant, il ignore simplement tout simplement le fait que j'ai une marge ... Tous les correctifs? Merci d'avance!

Source

2017-10-19 APixel Visuals

@Doomenik ce nom de classe était juste un exemple, j'utilise en fait mon propre nom de classe haha! Aussi, que voulez-vous dire par un exemple de travail? –

@Doomenik Ne pas suggérer des sites tiers comme plunkr ou jsfiddle. Il est requis d'afficher son balisage ici. Partout ailleurs aura cette question fermée. – Rob

Les questions sur l'aide au débogage (** "pourquoi ce code ne fonctionne-t-il pas?") Doivent inclure le comportement souhaité, un problème ou une erreur spécifique et le code le plus court nécessaire pour le reproduire ** dans la question elle-même. [mcve] – Rob

Dans votre marge de paramétrage: 0px; sur votre image ne vous aide pas du tout. La raison pour laquelle votre image a une marge dans le premier cas est parce que l'élément body a une marge par défaut de (autant que je sache) 8px.

Pour supprimer votre marge, vous devez donc soit supprimer la marge de votre corps comme celui-ci:

body { 
margin:0px; 
(or margin-left:0px; margin-right:0px etc) 
}

Ou de définir la marge de votre image à une valeur négative.

.class-name { 
margin: -8px; 
}

Source

2017-10-19 06:03:34

Désolé pour la réponse tardive, mais la marge négative semble faire l'affaire! Merci beaucoup! :) –

Problème avec HTML/marges CSS avec des images

Répondre

Questions connexes