Background-image ne s'affiche pas dans un div

Résolu/Fermé

Hébuus Messages postés 38 Date d'inscription mardi 22 février 2011 Statut Membre Dernière intervention 14 juillet 2012 - 22 févr. 2011 à 18:42
arthezius Messages postés 3538 Date d'inscription jeudi 15 mai 2008 Statut Membre Dernière intervention 11 septembre 2016 - 23 févr. 2011 à 04:46

Bonjour,
je cherche à faire un cadre en css qui s'adapte a son contenu, j'ai trouvé la solution sur le net avec la methode des images : http://www.grainedekeupon.fr/ccm/bordure.html
Mais il y a un problème qui fais que je m'arrache les cheveux, mes background-image(s) ne veulent tout simplement pas s'afficher dans les <div>. En fait pour être sur de ne pas faire d'erreurs bêtes, j'ai repris un code tout simple avec un seul <div> et rien n'y fais ca ne s'affiche pas. Pourtant sur le "tuto" que j'ai trouvé il n'y a rien dis de particulier la dessus.

Voila le code html:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html lang="fr" xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
	<head>
		<title>Mon cadre</title>
		<link rel="stylesheet" type="text/css" href="styles/bordure.css">	
	</head>
	<body>
	
	<div class="top">
	 <p> le contenu ici et pour tester le chemin de l'image <img src="bords/bordure_top.png" alt="image utilisée en haut" title="image utilisée en haut"> </p>
	</div> 
	
	</body>
</html>

et voila le code CSS:

div.top{
background-image:url("bords/bordure_top.png"); 
background-repeat:repeat-x; 
background-position:top left;
}

Merci d'avance pour le temps que vous risquez d'y passer :)

A voir également:

Background image css ne s'affiche pas
Le clavier de mon telephone ne s'affiche plus - Guide
Image iso - Guide
Acronis true image - Télécharger - Sauvegarde
Nous ne pouvons pas afficher l'image word ✓ - Forum Word
Supprimez les composantes rouge et verte de cette image. quel mot apparaît ? - Forum Word

2 réponses

Réponse 1 / 2

arthezius Messages postés 3538 Date d'inscription jeudi 15 mai 2008 Statut Membre Dernière intervention 11 septembre 2016 475
22 févr. 2011 à 20:40

Tu peux simplifier ton CSS:

div.top{
	background:url(bords/bordure_top.png) repeat-x top left;
	}

Ton image s'affiche avec la balise <img></img> ?

Hébuus Messages postés 38 Date d'inscription mardi 22 février 2011 Statut Membre Dernière intervention 14 juillet 2012 3
22 févr. 2011 à 21:49

Oui, ca fonctionne bien avec les balises <img> , l'image s'affiche...

__construct()
22 févr. 2011 à 21:56

Ta feuille de styles se trouvant dans le répertoire styles, il faut donc que tu lui indique le bon chemin de l'image qui se trouve dans le répertoire bords :

div.top{
background-image:url("../bords/bordure_top.png"); 
background-repeat:repeat-x; 
background-position:top left;
}

Réponse 2 / 2

tito23 Messages postés 305 Date d'inscription mardi 10 août 2010 Statut Membre Dernière intervention 16 janvier 2013 4
22 févr. 2011 à 21:15

Essai d'enlever la balise <img>
tito

Hébuus Messages postés 38 Date d'inscription mardi 22 février 2011 Statut Membre Dernière intervention 14 juillet 2012 3
22 févr. 2011 à 21:53

mais la balise <img> dans le html ne sert qu'a verifier que je ne me suis pas trompé dans le chemin, le code html ne comporte pas cette balise en temps normal. ce qui m'embête c'est que je ne comprends pas pourquoi l'image de fond du <div> neveut pas s'afficher.

Discussions similaires

Image de fond d'une Fenêtre en Java

Code HTML pour inserer une image de fond

Task host windows, c'est quoi ?

Mon ordinateur est lent au démarrage

background dans java

GIF EN CSS