Mon design ne s'affiche pas

Résolu
rukiaorigins -  
Bonjour a tous,

j'ai un petit problème de codage
quand je souhaite coder les bord "haute" de ce design
http://img301.imageshack.us/img301/6140/galerie101ud5.png

je n'est que le font
je suis ce tutoriel
http://jojoratonlaveur.fr/ressources/coder-site-web-23.html

mon code et 

body{
     background:url(design/font.png) no-repeat top center #4343A8;
     margin:0;
	 padding:0;
	 font-family:arial, andy, sans-sherif;
	 font-size:12px;
}

#conteneur{
	width:810px;
	margin:0 auto;
}

#menu{
	background:url(design/contenue-h.png) no-repeat top center;
	margin:810px 0 40px 0;
}


Merci de votre réponse
Configuration: Windows XP
Firefox 2.0.0.16

14 réponses

  1.  Dalida Contributeur
    salut,

    ajoute du contenu, même fictif !!! 

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 strict//EN" 
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
	<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr"
lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>webdesign rukia</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
	<div id="conteneur">
		<div id="menu">
<ul>
    <li>menu 1</li>
    <li>menu 2</li>
    <li>menu 3</li>
</ul>
		</div>
<p>bla bla bla</p>
	</div>
</body>
</html>

    1. clemax04
      Salut, je pense que tu dois définir la taille de la zone où tu souhaites placer ton fond.
      Après si c'est une zone extensible, seul le "width : (nombre) px;" suffit, et tu places un "height: auto", sinon tu définies des tailles pour les deux paramètres.
      En espérant t'avoir aidé ;)

      PS : je ne savais pas que cela marchais : "margin:810px 0 40px 0;"
      1. rukiaorigins Auteur
        le problème et pas trop le font
        car je les déjà centrer

        le problème vient de la fenêtre du milieux
        l'image de l'arrondit du haut ne s'affiche pas

        voici un screen
        https://www.imagup.com

        p.s
        j'ai mit les dimension du png dans c'est mesure
        3. Dalida Contributeur
          salut,

          essaie de virer la marge du haut pour le menu.
          sinon tu enlèves toutes les règles de style puis tu les remets une à une en testant entre chaque.
          1. rukiaorigins Auteur
            je vient de tester des que j'ai vu le post
            sa change pas

            p.s
            j'ai oublier de préciser
            format
            UTF-8 sans com
            htlm strict 1.0

            merci les gens
            note pad ++ c'est la galère ^^'
            2. rukiaorigins Auteur 
              <?xml version="1.0" encoding="UTF-8?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 strict//EN" 
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
	<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr"
lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>webdesign rukia</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
	<div id="conteneur">
		<div id="menu">

		</div>
	</div>
</body>
</html>
              1.  Dalida Contributeur
                tu devrais enlever le prologue XML et pour afficher le contenu il faudrait qu'il y en ait un !
                1. rukiaorigins Auteur
                  si je voie pas le font
                  comment je pourrais mettre le contenue
                  1. clemax04
                    Parce que comme tu as pas mis de taille par défaut pour ta marge, tu ne verras rien tant qu'il n'y aura pas de contenu.
                    2. rukiaorigins Auteur
                      oui en effet sa fonctionne sa affiche le bords du haut
                      mais le texte et toujours un peux trop haut

                      Discussions similaires

                      Problème de reconnaissance Memup feel design
                      sasa

                      6 réponses
                      mon pc ne reconner pas memup feel design
                      zorroooooooo

                      1 réponse
                      Facebook n' affiche pas mon anniversaire
                      ink1997

                      3 réponses
                      sharp aquos + prise HDMI
                      gainsborough

                      6 réponses
                      le mot secret ne s'affiche pas, comment pourrais-je faire?
                      v.b.06

                      5 réponses