Problème CSS background-image

Résolu/Fermé
jiggy-j - 10 mars 2009 à 10:51
 DER - 19 août 2014 à 21:21
Bonjour,


Je suis en train de créer un site Web pour la premiere fois.

C'est un peu le bordel dans mon code mais je m'y retrouve a peu près. Et tout fonctionne pour le moment sauf un problème qui persiste et que je ne comprend absolument pas.


En fait quand je met un background-image avec l'url, il ne saffiche pas. J'ai une feuille CSS qui est appelé dans le html. celafonctionne puiske j'ai créer un menu déroulant dans le CSS et que je met des style au text, liens etc... mais c'est juste le background qui ne veux pas s'afficher et je trouve cela très bizard.

Je colle tout le code CSS ici au cas ou se soit un probleme plus bas mais j'ai beau cherché je ne comprend pas.



body{
	padding:0px;
	margin-top: 0px;
	background-color:#000
	background-image:url(fond.jpg);
	color:#9e9e9e;
	font: 10px/14px Arial, Myriad Pro, Verdana, sans-serif;
	width:809px;
	margin:auto;
	border:3px solid #E6E6E6;
}

a:link { 
	font-weight: bold ; color: #FFF ; 
}

a:visited{
		font-weight: bold ; color: #FFF ; 
}

a:hover {
 color: #970000 ; 
 }




#copyright{
	text-align:center;
	font-size:8px;
	background:#E6E6E6;
	margin:0;
}

.italic{
	font-style:italic;
	text-align:center;
}

.h1{
	font-size:20px;
	font-weight:bold;
}

.h2{
	font-size:17px;
	font-weight:bold;
}

#menu{
	width:900px;
	background:url(images/fond_menu.gif)
}

dl{
	height:18px;
	margin:0px; padding:0px;
	display:block;
	float:left;
}

dt{
	display:block;
	height:20px;
	line-height:20px;
	text-align:center;
	cursor:pointer;
}

dd{
	display:block;
	margin:0px; padding:0px;
	border-top:5px solid #000;
	border-bottom:5px solid #000;

}

dd ul{
	margin:0; padding:0;
	text-align:center;
	list-style:none;
	background:#000;
	font-family:arial;
	font-size: 9px;
	text-align:center;
}

dd ul li{
	display:block;
	margin:0; padding:0;
}

dd ul li a{
	display:block;
	color:#FFFFFF;
	text-decoration:none;
	width:114px;
	height:25px;
	line-height:25px;
	border-bottom:solid 1px #000;
	border-top:solid 1px #000;
	margin:0;padding:0;
}

dd ul li a:hover{
	color:#970000;
	background:url(images/fond_menu_over.gif);
}

dl dd{
	display:none;
}

dl:hover dd{
	display:block;
	
}

#conteneur-menu{
		background:url(images/fond_menu.gif);
		position:relative;
		margin:auto;
}
A voir également:

5 réponses

non le fichier css est dans un dossier qui s'appelle css mais il est appelé corectement dans la page html. le fichier fond.jpg est dans un dossier images.
3
NookZ Messages postés 2138 Date d'inscription jeudi 29 janvier 2009 Statut Membre Dernière intervention 7 mars 2013 513
10 mars 2009 à 11:07
Oui seulement ce que vous envoyez dans le background-image c'est le chemin de l'image et l'image.

Par exemple si vous avez comme arborescence:

CSS
->fichier.css
IMAGES
->fichiers images dont fond.jpg

il faudra mettre
background-image:url(../IMAGES/fond.jpg);
1
Thank you cela 72H que j'essai de resoudre ce probleme
0
NookZ Messages postés 2138 Date d'inscription jeudi 29 janvier 2009 Statut Membre Dernière intervention 7 mars 2013 513
10 mars 2009 à 10:57
Les images sont bien dans les bons répertoires?
Par exemple fond.jpg se trouve-t-il dans le même répertoire que le fichier CSS?
1
valdoucalours Messages postés 4 Date d'inscription vendredi 18 novembre 2011 Statut Membre Dernière intervention 30 novembre 2011 9
30 nov. 2011 à 05:31
Erf même erreur pour moi merci beaucoup

css background
1
Ah oui dsl.

En fait a la base j'avais marqué background-image: url(images/fond.jpg);


En fait il fallait rajouter les 2 point avant /images. Sa marche nikel je vous remercie.

Est-ce que je pourrais juste savoir la signification des 2 points avant le nom du repertoire. Car je n'ai pas trop compri pourquoi ça ne marchai pas sans.

Merci beaucoup.
0
NookZ Messages postés 2138 Date d'inscription jeudi 29 janvier 2009 Statut Membre Dernière intervention 7 mars 2013 513
10 mars 2009 à 11:17
les .. signifie que l'on remonte au répertoire parent
et si vous mettez uniquement un ., cela signifie le répertoire courant
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Ok merci beaucoup.

Sa fonctionne parfaitement.

Je ne suis pas inscrit comment puis-je mettre [résolu]?

Merci encore
0