Mon design ne s'affiche pas
Résolu
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
Merci de votre réponse
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
-
Contributeursalut,
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>
-
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;" -
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 -
Personne n'a une idée O.o
-
Contributeursalut,
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.
-
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 ^^' -
Contributeurmontre nous ton HTML, stp.
-
<?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>
-
Contributeurtu devrais enlever le prologue XML et pour afficher le contenu il faudrait qu'il y en ait un !
-
si je voie pas le font
comment je pourrais mettre le contenue -
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.
-
le text et centrer
mais comme montrer sur le screen
l'image du haut et mal afficher
regarder le résultat
https://www.imagup.com -
oui en effet sa fonctionne sa affiche le bords du haut
mais le texte et toujours un peux trop haut -
merci a vous tous
j'ai réussi a le re centrer
