Background-image ne s'affiche pas dans un div

Résolu

Hébuus Messages postés 40 Statut Membre -
arthezius Messages postés 3756 Statut Membre - 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 :)

Afficher la suite

A voir également:

Background image css ne s'affiche pas
Image iso - Guide
Le clavier de mon telephone ne s'affiche plus - Guide
Ma clé usb ne s'affiche pas - Guide
Légender une image - Guide
Reduire taille image - Guide

2 réponses

Réponse 1 / 2

arthezius Messages postés 3756 Statut Membre 475

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> ?