28173 sujets

CSS et mise en forme, CSS3

Aie problème de débutant avec background image

Bonjour !

Problème de débutant : je n'arrive pas à afficher une image par le biais de ma feuille de style

code html :

<body>
<div id="entete"></div>
</body>

code css :

body {
width: 785 px;
height:600px;

}

div#entete {
background-image:url(bandeau_haut.jpg);
background-repeat:no-repeat;
width:785 px;
height: 111 px;
padding:0;


}

je suis obligé de "remplir" mon div de texte pour voire mon image !!!
l'objectif = terme étant de placer dans un bloc un peux de texte avec une image


Bon je sais cela doit etre simple mais bon !!!!

Problème résolu !!
Modifié par messager (06 Nov 2006 - 13:36)
Bonjour,

Merci d'éditer ton message précédent (petit bouton en haut à droite de celui ci) pour mettre en forme ton code correctement entre les balises [ code] et [ /code] comme spécifié dans cet article de la FAQ : http://forum.alsacreations.com/faq/#item80

Pour ton problème, difficile de se rendre compte sans un exemple en ligne.

(Ton site risque d'être trop large pour les résolutions en 800x600 si tu affecte une largeur de body de 785 pixels. Ils risquent de voir s'afficher une barre de défilement horizontale. La taille idéale serait entre 760 et 770px.)
Bonjour,
messager a écrit :
body {
width: 785 px;
height:600px;
}

div#entete {
background-image:url(bandeau_haut.jpg);
background-repeat:no-repeat;
width:785 px;
height: 111 px;
padding:0;
}
Comme indiqué dans les règles du forum, merci d'utiliser les balises [ code][/code] pour encadrer ton code.

Je pense que ton problème vient du fait qu'il ne faut pas d'espace entre les nombres et les unités en CSS. Par exemple :
width: 785px;
et non
width: 785 px;
Dans tous les cas, ce genre de problèmes se résout de lui-même si tu valides ton code avec l'outil fourni par le W3C.
Administrateur
messager a écrit :
Tout simplement merci et désolé pour
la mise en page de mon message (abscence de balise code)

Smiley biggrin

Hello,

N'hésite pas à utiliser le bouton "éditer" pour faire plaisir à tout le monde et afficher ton code correctement Smiley cligne
Modifié par Raphael (06 Nov 2006 - 11:45)
Sujet clos
Aller à