PB code CSS image de fond background-imageFermé

Question

Bonjour,

Voici mon code pour l'image de fond de mon site :

<style type="text/css">
<!--
}
body {
	background-color: #FFFFFF;
    background-image: url(../background2.jpg);
    background-repeat: no-repeat;
    background-position: top left;
    background-attachment: fixed;
}

Bon, dans mon éditeur de site l'image s'affiche sur chaque page, comme je le souhaite, jusque là tout va bien. Le problème, et oui la vie n'est pas toujours rose, est que l'image ne s'affiche pas dans mes navigateurs firefox et IE7. Que ce soit en local ou en ligne c'est la même chose. Vous avez une idée sur le problème ? HELP !

Merci d'avance. ;)

giheller · Accepted Answer

Bonjour,

l'url que je t'ai donnée permet de déposer des PJ.
J'ai le CSS mais pas l'image et le html ou le php qui appelle le css. (donc je m'en fait un)
mon idée était de me mettre dans les mêmes conditions que toi et de teste avec mon MSIE et mon Firefox.
effectivement avec l'intégralité du CSS firefox ne met pas le fond.
MAIS



quand je ne laisse que ça dans le fichier css :
@charset "utf-8"; 
/* CSS Document */ 

body { 
background-color: #FFFFFF; 
background-image: url("fond.jpg"); 
background-repeat: no-repeat; 
background-position: top left; 
background-attachment: fixed; 
} 
a:link { 
color: #FF9966; 
text-decoration: none; 
} 
a:visited { 
color: #FF9966; 
text-decoration: none; 
} 
a:hover { 
color: #FF3333; 
text-decoration: none; 
} 
a:active { 
text-decoration: none; 
} 


ça fonctionne.--

alors vas-y petit à petit pour rajouter les paramètres dans le css jusqu'à trouver celui qui dec ...

giheller · Answer

Bonsoir,

vérifies dans un premier temps le chemin de ton image par rapport à IE ou firefox (code le chemin complet). 
dans ton éditeur de site, il la trouve alors ...

graffx · Answer

oui verifie que ton image est uploadée et que le chemin est bon.

si le "../" ne fonctionne pas essaie l' adresse complete "http://bla.com/bla/bla/image.jpg"

yann_zz · Answer

merci les gars, j'ai essayé les guillements( " ") (' '), les chemins complets (http://www....), mais rien à faire, toujours le mm résultat. comprends pas, c juste un petit jpeg, c pas grand chose...

faboons · Answer

Salut : question con : tu as fermé ta balise ? et aussi

yann_zzz · Answer

Voilà la totalité de mon code (dsl pour la longueur, mais bon ya pire) : @charset "utf-8"; /* CSS Document */

yann_zzz · Answer

allo allo quelqu'un peut m'expliquer quelque chose sur ce qui se passe dans mon code ?

mon image de background ne s'affiche pas, ni en local, ni en ligne, pourtant elle s'affiche sur mon éditeur de site en mode création. je ne comprends plus rien !!!!

AU SECOURS !!!

boumbou64 · Answer

Salut dit moi t'on style et fait sur un fichier css ou directement sur ta page

Enfin en cas essaye les extension que je te donne on ne ces jamais
/**********************************SUR PAGE CSS***********************************/
}
body {
background-color: #FFFFFF;
background-image: url("../../background2.jpg");
background-repeat: no-repeat;
background-position: top left;
background-attachment: fixed;
} 

ou

}
body {
background-color: #FFFFFF;
background-image: url("../ICI LE DOSSIER QUI CONTIENT T'ES IMAGES/background2.jpg");
background-repeat: no-repeat;
background-position: top left;
background-attachment: fixed;
} 

/*****************************************FIN********************************/

/***********************************SUR LA PAGE DU SITE***********************/

}
body {
background-color: #FFFFFF;
background-image: url("ICI LE DOSSIER QUI CONTIENT T'ES IMAGES/background2.jpg");
background-repeat: no-repeat;
background-position: top left;
background-attachment: fixed;
}
/***********************************FIN*****************************************/

yann_zzz · Answer

en fait je voudrais comprendre pourquoi ça marche pas avec le code que j'ai. Il me semble que tout est correct. Ce serait pas mon éditeur de site qui déconne ? Pourtant tout est bon. Je vais péter un câble cette nuit.

mon fichier jpeg est direct dans la racine, ya pas de dossiers, j'ai essayé avec d'autres images pour voir si ça venait pas de l'image, mais en fait c'est pareil pour toutes les images.

c'est peut-être le fond blanc qui cache mon image par dessus... ? mais j'ai essayé sans couleur, c toujours pareil. Je comprends pas, en mode création mon background s'affiche, donc tout devrait fonctionner normalement.... je crois que c'est l'éditeur. Il buggait ya quelques jours, il me disait que le fichier ntdll.dll (un fichier du /windows/system 32) avait crashé, et windows me demandait d'arrêter le programme. Mais bon j'ai fais une remise à niveau.

yann_zzz · Answer

Bonne nouvelle, enfin presque bonne..., sur IE7 l'image en background s'affiche, par contre sur firefox non. C'est lui qui fout son bordel. LOL je vais le réinstaller on verra bien...

à+

yann_zzz · Answer

j'ai installé la version 3 bêta 4 de firefox, et le pb persiste. Donc le pb est propre au système firefox, quelqu'un aurait des pistes à me fournir ? je suis débutant en css... siouplé

giheller · Answer

Oui le cod eest bon mais pas interpe^té de la même manière.
peut être qu'en mettant le CSS dans un fichier xxx.css et un lien dans le html il réagira autrement.
<link rel="stylesheet" type="text/css" href="css/monstyle.css" media="all">

bien entendu si monstyle.css est dans un dossier css au même niveau que le script

giheller · Answer

mon  fichier css/style.css (dossier css à la racine)
contient
body {
	font-family:'Trebuchet MS','Comics Sans MS','arial';
	background: url('../images/fond.jpg') left center ;
}

etc ...

à la raciine j'ai le dossier ccs
et le dossier images
 soit 
www/css/style.css
et 
www/images/fond.jpg

et ça ça fonctionne avec les deux navigateurs

autre possibilité d'erreur : un; oublié dans le css que IE générerait et pas firefox

as-tu regardé dans la console firefox si il y avait des ereuurs (outils console d'erreurs)

yann_zzz · Answer

à la racine j'ai un dossier css dans lequel je mets mes scripts css, par contre je n'ai pas de dossier images car toutes mes images sont à la racine www. C'est vrai que ce serait mieux pour le référencement de mon site de faire un dossier appelé "image".

Ca m'étonne bcp que le pb vienne du chemin. je pense que c'est dans le codage css, les débuts de scripts sont différents, chacun les utilise à leur sauce. Je voudrais réinstaller firefox mais j'ai une tonne de marque page que je ne voudrais surtout pas perdre. Je sais comment les garder, mais j'ignore comment les réutiliser. J'ai essayé ça de windows xp à vista et ça marchait pas. Donc là j'ai réinstallé firefox 3 beta sur l'ancien, mais je suis sûr qu'il a gardé certains anciens fichiers d'exécution...

giheller · Answer

le dossier images n'est absolument pas obligatoire.

je ne crois pas du tout à un problème au niveau de firefox.
à vous de voir.

yann_zzz · Answer

Donc si on tiens compte de ce qu'on pense, ce serait le code qui serait le souci. Pour info, c'est uniquement le "background-image" qui me pose un problème. Le reste est ok.

giheller · Answer

certes c'est le background mais une erreur plus lien peut gêner.
il faut bien arriver à trouver la cause.

yann_zzz · Answer

en tous cas, ça restera un mystère étant donné que je ne suis pas un spécialiste du css

giheller · Answer

Bon, on va employer ls grands moyens.
Tu me passes ton fichier Css et le fichier image.
je met ça sur mon PC et je vois ça.
pour dépose un fichier regarde sur https://www.cjoint.com/
et tu m'envoies le liens.

yann_zzz · Answer

le code je l'ai donné... je peux t'envoyer les fichiers css et jpeg sur msn si possible. Ya pas de message en pv ici ?
si ça marche pas je vais taper le code dans chaque page c pas grave.

Endsub · Answer

Salut, ça ressemble à une différence de height... essayez d'ajouter le style height:100% ou height:500px à l'élément qui doit afficher l'image de fond pour voir ...

PB code CSS image de fond background-image

21 réponses

Discussions similaires

Newsletters