28172 sujets

CSS et mise en forme, CSS3

Bonjour j'ai actuellement un probleme avec firefox 2 qui ne semble pas aimé les ligne de css suivante :


background:url(../img/header_fond.jpg) no-repeat top center;


Merci d'avance pour vos éclaircissement Smiley smile
Sans page en ligne c'est difficile à dire... Peut-être que le chemin d'accès est mauvais. Il manque aussi la couleur (que je mettrais avant l'url) et peut-être un espace après les deux-points (suis pas sûr que ça change quelque chose).
Modifié par Patidou (17 Nov 2008 - 14:59)
Le site est en cours de construction , cependant l'url du css est bonne (les autres propriétés contenu dedans fonctionne)

au passage c'est une propriété placé sur le body :

body{
	background:url(../img/header_fond.jpg) no-repeat top center;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}


et la feuille est css valid 2.1. Smiley bawling
Modifié par IP-Fix (17 Nov 2008 - 15:03)
IP-Fix a écrit :
cependant l'url du css est bonne (les autres propriétés contenu dedans fonctionne)

Oui enfin c'est l'URL du fichier CSS vers l'image qui doit être correcte, et le fait que les autres propriétés CSS soient prises en compte signifie juste que le sélecteur est correct. Smiley cligne

À tout hasard, je regarderais du côté de:
1. la casse des lettres dans le chemin ou le nom du fichier;
2. les en-têtes HTTP envoyés par le serveur pour l'image.

J'invertirais aussi les deux valeurs données pour background-position (toujours d'abord la valeur horizontale puis la valeur verticale), même si ici ça ne devrait pas jouer.

Et puis je testerais avec Firebug pour voir ce qu'il me dit de beau sur les styles appliqués à l'élément fautif.
Merci de la réponse , voici ce que j'ai testé :

sous firebug quand j'ouvre et que je regarde les propriétés du body :
transparent url(../img/header_fond.jpg) no-repeat scroll center top

Quand je passe dessus sous firebug la miniature correcte de l'image s'affiche.

Si je met une couleur sa change la couleur de toute la page ( donc pas de fond d'autre div qui serait par dessus ).

tout est en minuscule comme dans le css

---

Probleme corrigé sa venez de l'image elle meme (sa fonctionne apres l'avoir re upload) Smiley sweatdrop

Merci. Smiley smile
Modifié par IP-Fix (17 Nov 2008 - 16:27)