28172 sujets

CSS et mise en forme, CSS3

Image de fond ne s'affiche.

<civilité=on>Bonjour,

J'ai un souci avec une image de fond qui ne s'affiche pas (par exemple...)
Voici les codes qui me posent problème : </off> Smiley cligne

code html5:
<!DOCTYPE html>
<html>
  <head>
  <meta charset="utf-8" />
  <link rel="stylesheet" href="style.css" />
  <title> Mon premier site</title>
  </head>
  <body>
  
   <p>Bonjour et bienvenue sur mon site !<br />
    Ceci est mon premier test alors soyez indulgents s'il vous plaît, j'apprends petit à petit comment cela marche.</p>
  </body>
</html>

code css3:
body
{
    background-image:url("soleil.png");
    background-attachment:fixed; /* Le fond restera fixe */
    background-repeat:no-repeat; /* Le fond ne sera pas répété */
    background-position:top right; /* Le fond sera placé en haut à droite */
}

Modifié par 6l20 (05 Jun 2014 - 21:17)
Bonsoir,

En l'état, ce code devrait fonctionner.

On pourra à loisir ;
simplifier sa syntaxe :
body {
  background: /*(#une couleur si besoin)*/ url("soleil.png") no-repeat top right fixed;
}

améliorer la sémantique :
<h1>Bonjour et bienvenue sur mon site !</h1>
<p>Ceci est mon premier test alors soyez indulgents s'il vous plaît, j'apprends petit à petit comment cela marche.</p>

Mais on pourra difficilement te dire pourquoi un code qui devrait fonctionner en l'état, ne fonctionne pas, sans avoir ni accès à une page en ligne, ni accès à l'image (c'est peut-être elle, intrinsèquement, qui pose problème, ou le chemin d'accès à cette image, ou...)

Bon courage.
Hello et bienvenue denissuccess

denissuccess a écrit :
background-image:url("soleil.png");

Cette déclaration CSS suggère que l'image en question se trouve dans le même répertoire que le fichier CSS lui-même. Est-ce le cas ?
Sujet clos
Aller à