Problème fond d'un CSS

Bonjour,

Voilà, je suis nouveau sur le forum et j'ai un petit problème avec un kit graphique que j'ai téléchargé... J'ai essayer de modifier avec Dreamweaver, notepad+, etc, mais je n'arrive pas, et vu que je n'ai jamais fais de css :oops:

Voilà un screen, pouvez vous me dire de quoi sa vient s'il vous plait ?

http://img169.imageshack.us/img169/8829/problemeah1.jpg

C'est le haut, il est pas noir, et je ne sais pas comment y remedier !

Si vous pouvez vraiment m'aider, sa serait super !

Merci

Cordialement

Bonsoir,
a priori mais je dis bien a priori (toujours fournir au minimum la totalité
du code HTML/XHTML (sans PHP/ASP) et la CSS associée.)
ça viendrait d'un mauvais placement du background au niveau du body.

Il faut ajouter la valeur top :

Code:

---

body {background: url(...) repeat-x top;...}

---

Bonsoir,

Non ce n'étais pas le top à rajouter, mais j'ai quand même trouver !! Je suis très content !

Je donne la réponse si quelqu'un lui arrive le même problème :

Y a deux fichiers CSS : "styles.css" et "lightbox.css".
En ouvrant le premier (styles.css), la première ligne Body il y a :

Code:

---

1 2	body { background-color:#323232; background-image:url('../images/bg.gif'); background-repeat: repeat-x; margin: 0px;; background-position-y:50%}

---

J'ai remarqué ce 50%, puis j'ai essayé de mettre 100%, et c'était pire, il y avait encore plus de marge dans le haut.

J'ai mis 00% et voilà ! Résolu ! Le problème venait de là ! Tout bêtement, j'ai cherché cherché mais j'ai trouvé, c'était tout bête, dommage que je n'ai pas pensé avant !

Voilà donc le code qu'il faut remplacer par l'autre :

Code:

---

1 2	body { background-color:#323232; background-image:url('../images/bg.gif'); background-repeat: repeat-x; margin: 0px;; background-position-y:00%}

---

Merci quand même d'avoir répondu !

Cordialement

Citation:

---

Envoyé par JCDec

J'ai mis 00% et voilà ! Résolu ! Le problème venait de là ! Tout bêtement, j'ai cherché cherché mais j'ai trouvé, c'était tout bête, dommage que je n'ai pas pensé avant !

---

Ma solution revenait exactement au même!
Sauf que tu utilises une extension CSS propre à Microsoft (non standard
donc) (background-position-y) qui invalide ta CSS et n'est sans doute pas
implémentée sur tous les navigateurs. Mais comme la valeur initiale est à 0%,
supprimes cette déclaration, ça reviendra au même sans invalider ta CSS. Tu as un ";" en trop.

Bonjour,

J'ai fais ce que tu m'as demandé mais c'est encore pire, puisque maintenant c'est le fond qui cause problème ! Il y a une marge de 3 cm en Noir au lieu de la couleur normale.

Voici les codes que j'ai essayé :

Code:

---

1 2 3 4

body { background-color:#323232; background-image:url('../images/bg.gif');   background-repeat: repeat-x top; margin: 0px; background-position-y}

---

et

Code:

---

1 2 3 4

body { background-color:#323232; background-image:url('../images/bg.gif');   background-repeat: repeat-x top; margin: 0px; }

---

Donc sa ne marche pas, je suis obligé de laisser le pourcentage pour bien le voir sans problème :?

Ok c'est tout simplement parce qu'il te manque certaines bases ;)
Le top est une des valeur possible de la propriété background-position
et non de background-repeat, chacune de n'admet qu'un seule valeur excepté pour background-position qui en admet 2.

L'exemple que je te montrais en haut est la propriété raccourcis background
qui englobe toutes les propriété relative aux background.

Ce qui donne

Code:

---

1 2 3 4 5 6

body { background: #323232 url(../images/bg.gif) repeat-x; margin:0; padding:0; }

---

Essayes de respecter l'odre que je te donne en général.

Mets ce code. Tu dois ajouter padding:0 au moins pour les anciennes version d'Opera.

Salut,

J'ai essayé ton code et sa marche aussi bien qu'en mettant 00% mais si certains navigateurs ne prennent pas en compte, je vais mettre ton code dans toutes les pages.

Je te remerci beaucoup ;)

Cdlt