Partage
  • Partager sur Facebook
  • Partager sur Twitter

je n'arrive pas à mettre une image en background

    29 juin 2020 à 17:04:40

    bonjour, je suis une personne en train de faire un site internet et j'ai essayé de mettre une image en fond d'écran sur mon site mais l'image ne s'affiche pas du tout. voici mon code en CSS

    BODY {
    		background-color: white
    		backgound-image:url(/images/fonddecran.png);
    	}
    	
    	form {
    	/* Uniquement centrer le formulaire sur la page */
    	margin: 0 auto;
    	width: 300px;
    	/* Encadré pour voir les limites du formulaire */
    	padding: 1em;
    	border: 1px solid #CCC;
    	border-radius: 1em;
    	}
    
    	form div + div {
    	margin-top: 1em;
    	
    	}
    
    	label {
    	/* Pour être sûrs que toutes les étiquettes ont même taille et sont correctement alignées */
    	display: inline-block;
    	width: 200px;
    	text-align: left;
    	font-family: 'Arial Black', Gadget, sans-serif;
    	}
    	
    
    	input, textarea {
    	font-family: 'Arial Black', Gadget, sans-serif;
    
    	/* Pour que tous les champs texte aient la même dimension */
    	width: 300px;
    	box-sizing: border-box;
    
    	/* Pour harmoniser le look & feel des bordures des champs texte */
    	border: 1px solid #999;
    	}
    
    	input:focus, textarea:focus {
    	/* Pour souligner légèrement les éléments actifs */
    	border-color: #000;
    	}
    
    	textarea {
    	/* Pour aligner les champs texte multi‑ligne avec leur étiquette */
    	vertical-align: top;
    
    	/* Pour donner assez de place pour écrire du texte */
    	height: 10em;
    	}
    	

    Mon html appelle le CSS. 

    • Partager sur Facebook
    • Partager sur Twitter
      29 juin 2020 à 17:09:12

      Bonjour,

      retire le / devant le chemin vers l'image, ça devrait être mieux et penses à mettre des quotes comme ceci:

      background-image: url("images/fonddecran.png");

      Pour correction, il faut écrire body en minuscule et non en majuscule.

      edit: et si tu corriges background-image au lieu de backgound-image ça sera mieux aussi ! :-°

      Et ton point-virgule après white ça peut servir...

      Bon passe ton code au validateur ça sera plus simple: https://jigsaw.w3.org/css-validator/

      -
      Edité par -RR- 29 juin 2020 à 17:12:53

      • Partager sur Facebook
      • Partager sur Twitter

      je n'arrive pas à mettre une image en background

      × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
      × Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
      • Editeur
      • Markdown