28173 sujets

CSS et mise en forme, CSS3

Affichage d'une image dans un div

Bonjour à tous,

Etant débutant dans le monde de la création de site web, je peine en ce moment sur un problème d'affichage d'image via une classe CSS.

Sur ma page web, l'image ne s'affiche pas. Pourtant, j'ai bien regardé et cherché sur le web pour savoir d'où vennait l'erreur, mais en vain.

Je fais donc appel à votre aide ! Smiley smile

Voici mon code :

Index.php
<DIV id="contenu">

			<DIV id="fond">

				<?PHP

					if ($French == true)

					{

						print("<DIV id=\"titre\">Bienvenue sur le site de Voynich !</DIV>");

						print("<DIV id=\"texte\">Texte en français</DIV>");

					}

					else

					{

						print("<DIV id=\"titre\">Welcome to the Voynich's home !</DIV>");

						print("<DIV id=\"texte\">Text in english</DIV>");

					}

				?>

			</DIV>

		</DIV>


style.css

div#contenu 

{

	Background-color:grey;

	margin:0 auto;

	width:600px;

	height:340px;

}



div#fond

{

	background-image:url(Images\fond.PNG);

	background-repeat:no-repeat;

	width:598px;

	height:340px;

}

	

div#titre

{

	color:white;

	font-size:26px;

	text-align:center;

}



Meilleures salutations,
-- Thibaut
Bonjour,

Attention à différents points:
• l'extension de ton image "fond.PNG" en capitales, est-ce voulu?
• le caractère pour entrer dans un dossier est la barre oblique /
• l'orthographe du mot-clé gray s'écrit avec un a et non un e
Bonjour,

Merci de ta réponse !

a écrit :
• l'extension de ton image "fond.PNG" en capitales, est-ce voulu?

Oui, car l'image dans mon explorateur windows porte le nom "fond.PNG". Et je sais que si mon site sera hébergé sur une plateforme UNIX et que je mets "fond.png" cela ne fonctionnera pas.

a écrit :
• le caractère pour entrer dans un dossier est la barre oblique /

Oui, en effet, c'est une faute.

a écrit :
• l'orthographe du mot-clé gray s'écrit avec un a et non un e

C'est corrigé ! Smiley cligne

Mais cela ne change rien... j'ai toujours mon fond gris, mais pas mon image.
O_connor a écrit :

Mais cela ne change rien... j'ai toujours mon fond gris, mais pas mon image.

Il n'y a à priori aucune raison que cela ne fonctionne pas sur base du code que tu fournis. Les raisons peuvent être multiples (chemin erroné, enfants de div#fond flottants, etc.), aussi, une page en ligne reproduisant le problème pourrait nous aider à t'en dire davantage. Smiley cligne
Sujet clos
Aller à