Discussion :

[JCDec]

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

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



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

[Erwan31]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[JCDec]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[Erwan31]

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.

[JCDec]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[Erwan31]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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.