Petit coup main siouplé

jalil -  
Bonjour, un petit coup de main serais pas de refus, voila je me lance dans le html et le css autant dire un débutant, mon probleme c est que je n arrive pas a affiché mon fond que j ai choisi quand j ouvre le navigateur voici mon code html :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>FastInfoR</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>

</body>
</html>

et voici mon css :

body{
background:url(theme/floralis.jpg) no-repeat top center;
margin:0;
padding:0;
font-family:Verdana, Geneva, sans-serif;
font-size:9px;
}

j ai bien mis l image dans le dossier theme et le fichier html et css a la racine du dossier, voila si quelqun pourrais me dire ou j ai pu faire une faute merci d avance pour vos réponses.
Configuration: Windows Vista
Firefox 3.5.3

13 réponses

  1. java4ever
    BonjourJalil,

    Je penses que ta situation resemble à je me noie dans un verre d'eau !
    Plaisanterie à part, tu y es presque, mais plusieurs chagements finissent par te perdre :
    Voici un code css qui marche avec ta page html
    A noter :
    1) on peut mettre aussi bien background que background-image):
    2) les guillemets ne sont pas nécessaires
    3) Il faut séparer les éléments repeat et position avec les bons mots clés
    Ci-dessous le contenu de style.css qui est au même niveau que la page html 
    body
{
background:url(theme/floralis.jpg);
background-repeat: no-repeat;
background-position: top center;
margin:0;
padding:0;
font-family:Verdana, Geneva, sans-serif;
font-size:9px;
}

    Bien sûr, l'image floralis.jpg doit être dans le répertoire theme qui est un sous répertoire de celui de la page html
    on est donc d'accord : sur le répertoire de travail tu as 2 fichiers : "page.html" et "style.css" et un sous répertoire nommé "theme"
    Dans le répertoire theme, tu as un fichier floralis.jpg
    Moi j'ai ça et ça marche avec Firefox 3.0 et Explorer 7, donc ça doit marcher
    as tu essayé sans passer par un serveur web et en double cliquant simplement sur le fichier page.html ? ça doit ausse marcher !
    A+
    0
    1. jalil
      je vient d essayer a la mettre a la racine du dossiers et toujours pareil :(

      et hier j ai essayer avec un .png et maleurhesement c pareil
      0
      1. bissdebrazza Contributeur
        donc c ton image qui a un problème!change d'image ou met l'image à la racine du site
        0
        1. jalil
          j ai bien le titre de ma feuille mais elle est toujours blanche .
          0
          2. bissdebrazza Contributeur
            essai d'enlever d'abord no-repeat et top center pour voir!
            0
            1. jalil
              toujours pareil une page blanche :'(
              0
              1. jalil
                tu veut dire comme ça ?

                background:url(theme/floralis.jpg) ; no-repeat top center;
                0
                1. B-o-B-78
                  non comme ça :

                  background-image:url("theme/floralis.jpg") ; no-repeat top center;

                  vérifie aussi que le nom est bien floralis sans majuscule ou autre!
                  0
              2. B-o-B-78
                background:url(theme/floralis.jpg) no-repeat top center;

                essaye avec un point virgule entre "url(theme/floralis.jpg)" et le reste.

                EDIT:je confirme avec le point virgule ça marche.
                0
                1. jalil
                  j ai essayé en changeants de fond et en prenant un .png et toujours pareil
                  0
                  1. bissdebrazza Contributeur
                    background-image:url(theme/floralis.jpg);
                    0
                    1. jalil
                      toujours pareil j comprend pas
                      0
                  2. jalil
                    je vient d essayer avec

                    background-image:url("theme/floralis.jpg")

                    mais ça n affiche toujours rien :(
                    0
                    1. bissdebrazza Contributeur
                      Salut!
                      essai de mettre background-image et teste!
                      CDT
                      0
                      1. B-o-B-78
                        Je ne suis pas expert en html mais il me semble que le chemin d'accès de ton image doit être entre guillemets.
                        De plus au lieu de :

                        background:url(theme/floralis.jpg) no-repeat top center;

                        je mettrais plutôt :

                        background-image:url("theme/floralis.jpg") no-repeat top center;
                        0

                        Discussions similaires

                        java script error in the main process
                        ceciel2307

                        3 réponses
                        site coup d un soir est une arnaque
                        THIERRY

                        57 réponses
                        comment écrire des petits chiffres ?
                        Elisa-x3

                        9 réponses
                        [Ecrire Exposant 12] 10² ou 10³ ok mais...
                        tessai

                        43 réponses
                        Comment écrire un chiffre en petit caractè
                        Essegnon

                        5 réponses