18041 sujets

Questions générales et questions de débutants

[Résolu] Background-image : impossible de charger l'image

Bonsoir,

J'ai cherché une solution sur le forum à mon problème mais impossible de trouver.
Le voici : Je cherche à mettre une image en background sur mon texte. Or mon navigateur (firefox) me dit, lorsque j'utilise l'examinateur, qu'il ne parvient pas à charger l'image. J'ai vérifié le chemin mille fois, il semble que le problème ne vienne pas de là.

Je suis débutante alors je pense qu'il s'agit d'une erreur basique de débutant mais le problème c'est que je ne comprends absolument pas pourquoi Firefox ne trouve pas l'image alors que le chemin est bon. J'ai même réenregistré mon image sous un nom moins compliqué que le premier et rien à faire, cela ne fonctionne pas. Smiley ohwell

Je précise également que mon fichier CSS est correctement linké à mon fichier HTML. Les changements s'affichent parfaitement.



Voici mon code : 

<table class="projets">
    <caption>Projets Professionnels</caption>
         <tr>
            <th>
                <span>Le LIMICS</span>
            </th>
            <th>
               <span>Maladies Vasculaires Rares</span>
            </th>
         </tr>
         <tr>
             <td><img src="images/content/francais_menu.png"></td>
             <td><img src="images/content/francais_menu.png"></td>
         </tr>
</table>


.projets{

	text-align: center;
	width: 100%;
	height: 200px;
	margin-top: 120px;
}

.projets caption{

	text-align: center;
	font-family: futura, sans-serif;
	font-size: 30px;
	margin-bottom: 30px;
	padding: 10px;
	background-image: url('images/rond.png');
	background-repeat: no-repeat;
	background-size: 300px;
}

.projets tr th{

	font-family: verdana, sans-serif;
	font-size: 20px;
	padding: 10px;
	color: #3150aa;
}


Merci d'avance pour vos réponses! Smiley smile
Bonjour,

Malgré vos précautions il s'agit forcément d'un problème de chemin...

En admettant que vous ayez bien mis votre fichier image dans le dossier "images" (et non "images/content"), votre dossier image est peut-être à récupérer un niveau plus haut en fonction de là où se trouve le dossier css, étant donné qu'il s'agit de chemin relatif.

Il faut donc, peut-être, au moins remonter d'un dossier, avec cette suite de caractères :
../

Pour remonter de deux hiérarchie de dossiers :
../../

Etc...

Concrètement, essayez avec ceci (donc pour remonter d'un dossier) :
background-image: url('../images/rond.png');
essayer de faire le chemin absolut dans le css 
background-image: url('../images/rond.png');
sinon regardez si l'image est pas abimer
Bonjour,

Merci pour vos réponses qui se sont révélées justes.
Cela marche ! J'avais en effet un dossier un niveau plus haut et je m'en étais pas rendu compte.

Merci encore et bonne journée !
Sujet clos
Aller à