CSS: image hauteur 100% et largeur 50%, problème marge.

CSS: image hauteur 100% et largeur 50%, problème marge. - HTML/CSS - Programmation

Marsh Posté le 30-09-2017 à 16:14:21    

Bonjour à tous le monde,
 
j'ai un problème avec CSS
 
Je souhaite afficher une image qui prend 100% de la hauteur et simplement 50% de la largeur. Je veux d'un côté l'image de l'autre du texte. Problème j'ai systématiquement une marge blanche en bas et je n'en souhaite pas. Voir capture ci dessous.
 
Comment faire pour retirer cette marge ?
 
j'ai testé height 100% dans body, etc. je n'arrive à rien.
 
Capture et code css:
 
https://s25.postimg.org/wy7je9y2z/probl_me_css_image.jpg
 
 

Code :
  1. html, body {
  2.     padding: 0px;
  3.     margin: 0px;
  4.     background-image: url("../images/imagerose.jpg" );
  5.     background-repeat: no-repeat;
  6. }


 
J'ai lu ce sujet intéressant, mais ça ne change rien: http://forum.hardware.fr/hfr/Progr [...] m#t2262430
 
pourtant cela doit être hyper simple !
 
Merci à vous  :)


Message édité par dj ess le 30-09-2017 à 16:14:56
Reply

Marsh Posté le 30-09-2017 à 16:14:21   

Reply

Marsh Posté le 05-10-2017 à 07:05:11    

Mets ton image en display: block
Par défaut elle est inline, et donc laisse de l'espace en dessous


Message édité par David Boring le 05-10-2017 à 07:06:11
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed