Background-image ne s'affiche pas dans un div
Résolu
Hébuus
Messages postés
38
Date d'inscription
Statut
Membre
Dernière intervention
-
arthezius Messages postés 3538 Date d'inscription Statut Membre Dernière intervention -
arthezius Messages postés 3538 Date d'inscription Statut Membre Dernière intervention -
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:
et voila le code CSS:
Merci d'avance pour le temps que vous risquez d'y passer :)
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
- Image iso - Guide
- Le clavier de mon telephone ne s'affiche plus - Guide
- Acronis true image - Télécharger - Sauvegarde
- Reduire taille image - Guide
- Ma clé usb ne s'affiche pas - Guide
2 réponses
Tu peux simplifier ton CSS:
Ton image s'affiche avec la balise <img></img> ?
div.top{
background:url(bords/bordure_top.png) repeat-x top left;
}
Ton image s'affiche avec la balise <img></img> ?
div.top{ background-image:url("../bords/bordure_top.png"); background-repeat:repeat-x; background-position:top left; }