Un background-image dans un div
Résolu
riwalenn
-
Anoen Messages postés 196 Date d'inscription Statut Membre Dernière intervention -
Anoen Messages postés 196 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
voila je tourne un peu en rond, j'ai le code html suivant :
et le code css qui va avec :
en toute logique je devrais afficher sous I.E ou firefox au moins la div avec ses bords mais rien :( et ne parlons pas du background-image que j'ai essayé en ne mettant pas -image derrière background ou sans les '' dans les parenthèses...
j'en suis à un point ou je comprends pas d'ou viens le problème :(
voila je tourne un peu en rond, j'ai le code html suivant :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>La cuisine de cécile</title> <link rel="stylesheet" media="screen" href="styles/styles2.css"> </head> <body> <div id="rec-aleat"> </div> </body> </html>
et le code css qui va avec :
#rec-aleat{width:480; height:298px; background-image: url('img/fondrecetind.png'); border-width:1px; border-color:#000000;}
en toute logique je devrais afficher sous I.E ou firefox au moins la div avec ses bords mais rien :( et ne parlons pas du background-image que j'ai essayé en ne mettant pas -image derrière background ou sans les '' dans les parenthèses...
j'en suis à un point ou je comprends pas d'ou viens le problème :(
A voir également:
- Un background-image dans un div
- Image iso - Guide
- Acronis true image - Télécharger - Sauvegarde
- Reduire taille image - Guide
- Extraire image d'un pdf - Guide
- Légender une image - Guide
3 réponses
Bonjour,
Tu as oublié des px à width: 480
Tu as oublié des px à width: 480
#rec-aleat{width:480px; height:298px; background-image: url('img/fondrecetind.png'); border-width:1px; border-color:#000000;}
je te remercie mais en fait c'était pas ça le problème ^^ c'est juste que j'ai mal recopié mon code à force de le refaire sans arrêt...
le problème était que j'ai oublié le border-style: solid pour le cadre et que j'ai complétement zappé le fait que mon code css se trouve dans un fichier qui se trouve lui-même dans un dossier... mes images n'étant pas au même niveau j'ai oublié qu'il fallait mettre un ../ devant le chemin ^^
a force quand on est trop dans son code et qu'on fait la connerie de mettre des trucs dans des dossiers, ben on voit plus ce qui cloche :P
le problème était que j'ai oublié le border-style: solid pour le cadre et que j'ai complétement zappé le fait que mon code css se trouve dans un fichier qui se trouve lui-même dans un dossier... mes images n'étant pas au même niveau j'ai oublié qu'il fallait mettre un ../ devant le chemin ^^
a force quand on est trop dans son code et qu'on fait la connerie de mettre des trucs dans des dossiers, ben on voit plus ce qui cloche :P