Rechercher : dans
Par :

Problème background-image CSS

Dernière réponse le 2 sep 2009 à 18:05:00 Daoude, le 10 jui 2009 à 13:13:13 
 Signaler ce message aux modérateurs

Bonjour,

j'ai fait une feuille de style css qui fonctionne très bien lorsque je la met dans mon code html entre les balises "head" mais quand je la met en externe mon image de fond ne s'affiche plus... (quand je met une couleur de remplacement elle ne s'affiche pas non plus j'ai un fond blanc à la place).

J'ai nommé ma feuille feuille.css et elle se trouve dans le dossier "site" qui contient lui-même le dossier "images" dans lequel se trouve "fond.jpg" (le dossier "site" contient également toutes mes pages en html).

Quelqu'un pourrait-il m'aider ?

J'ai essayé de remplacer url(images/fond.jpg) par url("..images/fond.jpg"), j'ai essayé sans les guillemets, etc mais rien n'y fait ...

Faut-il que je rajoute quelque chose dans la balise "body" ?
Merci d'avance.

Voici ma feuille de style :

/*Pour l'image de fond*/

body {
background-image:url(images/fond.jpg);
width:1440;
height:810;
}

/*Pour le titre en haut de page*/

.style1 {
text-align:center;
font-weight: bold;
font-family: Lucida Calligraphy;
color:837e7e;
}

/*Pour le corps de texte*/

.style2 {
margin-left:355;
margin-right:220;
margin-top:150;
font-family:Lucida Calligraphy;
color:386188;
}

/*Pour le passage de la souris sur un lien*/

a:hover {
color:46464d;
}

/*Pour la position du menu de gauche*/

.menugauche {
position: absolute;
top: 155px;
left: 45px;
width: 270px;
heigth: 500px;
}

Code de ma page html :
<html>
<head>
<link rel="stylesheet" type="text/css" href="feuille.css">
</head>

<body>
Code page
</body>
<html>

Configuration: Windows Vista
Firefox 3.0.11

Meilleures réponses pour « Problème background image CSS » dans :
Les CSS pour présenter vos images VoirPour présenter agréablement vos images, vous pouvez intégrer quelques codes supplémentaires dans votre CSS et vous en servir à bon escient. Elles sont bien sur modulables en fonction de la charte graphique de votre site. Utilisation Mettez les codes...
Javascript - Librairies d'effets pour vos images VoirAu gré de vos explorations du web, vous avez vu de superbes effets de présentation des images. Et ça vous plairaît bien de pouvoir proposer les mêmes à vos visiteurs. Voici quelques solutions en Javascript couplées à des CSS. Elles sont plus...
Positionner des éléments grâce aux CSS VoirIl est possible grâce aux feuilles de style de positionner au pixel près du texte ou des images grâce aux balises et . Cela est possible avec les versions 4 de Netscape et d'Internet Explorer, cependant cette technique reste hasardeuse...
Les arrière-plans VoirInsérer une image en fond Il est possible de définir une image d'arrière-plan pour la page web grâce aux attributs de la balise  : Attribut Effet Visuel BACKGROUND="image" Affiche l'image en arrière...

2

Anonyme, le 10 jui 2009 à 14:24:18

Salut,
Est ce que c'est uniquement le background qui ne s'affiche pas où c'est tousles styles qui ne fonctionnent pas ?

Répondre à Anonyme

3

Daoude, le 10 jui 2009 à 18:57:35

Les styles fonctionnent tous, c'est seulement le background qui ne s'affiche pas ...

Répondre à Daoude

4

 homerc, le 2 sep 2009 à 18:05:00
  • +3

Dans ta feuille css le chemin vers l'image doit etre
background-image:url(../images/fond.jpg);
les .. pour dire de chercher à la racine donc dans ton cas le dossier "site", puis le / dans cette racine le dossier "images"

Répondre à homerc
Collection CommentÇaMarche.net