Se connecter avec
S'enregistrer | Connectez-vous

[Résolu] Pas identique

Dernière réponse : dans Programmation
Lassé par la pub ? Créez un compte

Ouais, alors il te faut apprendre un peu le CSS et particulièrement le placement des images de fond....

Pour ton cas, ta CSS devrait contenir un truc du genre :
  1. body { background: url(images/monimage.jpg) 50% 0; } // centrage du fond sur l'axe horizontal

Et au passage, toi qui a la bonne idée de faire de l'XHTML : on ne programme plus avec des tables et des attributs HTML dépréciés ('background' et consors pour les balises HTML ; ton <body> par exemple) !! Quant aux 'width' et 'height' des <img />, ils sont devenus totalement inutiles, vu qu'ils sont définis dans la CSS..

Pour remplacer les tables dans la mise en page, on fait avec des blocs <div>, c'est plus propre, plus maniable et plus léger..

Lis le premier topic de la cat' ;) .. Dedans, tu as tous les tutos pour tout bien faire nickel : particulièrement AlsaCréations, OpenWeb, Site du zér0..

Pareil pour supprimer les bordures des images cliquables (liens) : pas de border="none" dans ta balise <img>, mais un
  1. img { border: none; }
vers le début de ta CSS (avant les autres définitions d'images, car la structure CSS est cumulative, pas soustractive)..

Ton site n'en n'est qu'au tout début, lis les tutos et tu seras immédiatement sur la bonne voie, tu n'auras pas à refaire quoi que ce soit ;) ..

Et si tu veux savoir si les éléments de ton site "tiennent" bien en place, change de temps à autres la taille de la fenêtre de ton navigateur..

:jap: 

J'ai fait ce que tu ma dit, j'ai rajouté dans la css :

  1. BODY {
    

  2. scrollbar-face-color: #A0D0FF;
    

  3. scrollbar-shadow-color: #000000;
    

  4. scrollbar-highlight-color: #E7F3FF;
    

  5. scrollbar-3dlight-color: #E7F3FF;
    

  6. scrollbar-darkshadow-color: #89B1DA;
    

  7. scrollbar-track-color: #A0D0FF;
    

  8. scrollbar-arrow-color: #000000;
    

  9. background-image:url(images/altm-ptsv1_corps1.jpg) 50% 0;
    

  10. margin: 0;
    

  11. text-align: center;
    

  12. }


Du coup l'image de fond s'affiche plus en rajoutant 50% 0 si j'enlève ça il a apparait bien, mais toujours le même problème droite et gauche ne se ressemble pas, celui de gauche plus large que celui de droite bizarre !!

Citation :
Citation :
Quant aux 'width' et 'height' des <img />, ils sont devenus totalement inutiles, vu qu'ils sont définis dans la CSS..


Sauf erreur de ma part justement le W3C les rends obligatoire pour la validation ...

Non ;) .. Ou alors dans la future recommandation XHTML 2.0 peut-être [:spamafote].. Ce que je sais c'est que la balise <img /> devrait devenir double <img></img> et pourra proposer, en plus d'un vrai texte alternatif dans le balisage, deux sources d'images : la seconde image n'étant utilisée que si le navigateur ne peut pas reconnaître le format de la première et ainsi favoriser les migrations vers de nouveaux formats d'images (ce qui n'est pas actuellement le cas et qui pénalise beaucoup les PNG / MNG, encore assez peu utilisés face, par exemple, aux sempiternels GIF, format non libre s'il en est)..


bigpat2525 a dit :
J'ai fait ce que tu ma dit, j'ai rajouté dans la css :

  1. BODY {
    

  2. scrollbar-face-color: #A0D0FF;
    

  3. scrollbar-shadow-color: #000000;
    

  4. scrollbar-highlight-color: #E7F3FF;
    

  5. scrollbar-3dlight-color: #E7F3FF;
    

  6. scrollbar-darkshadow-color: #89B1DA;
    

  7. scrollbar-track-color: #A0D0FF;
    

  8. scrollbar-arrow-color: #000000;
    

  9. background-image:url(images/altm-ptsv1_corps1.jpg) 50% 0;
    

  10. margin: 0;
    

  11. text-align: center;
    

  12. }


Du coup l'image de fond s'affiche plus en rajoutant 50% 0 si j'enlève ça il a apparait bien, mais toujours le même problème droite et gauche ne se ressemble pas, celui de gauche plus large que celui de droite bizarre !!

Normal : 'background' tout-court est la forme simplifiée dans laquelle on "empile" les paramètres à la suite.. 'background-image' n'accepte que la description de l'image elle-même (sa localisation, donc), pas son positionnement ou autre chose. Du coup, comme la recommandation CSS veut que toute règle incorrecte soit simplement ignorée, ton image de fond n'apparaît pas..

Sinon, c'est comme tout : ça ne s'apprend pas en un claquement de doigts ;) .. Avec du temps et de la pratique, ça rentre....

:jap: 

Oui mais pour mon problème d'image de fond ?

Je rappelle que le fond de la page "copieindex.php" semble avoir un problème car le degrade gauche est plus large que le droit, il devrait ressembler au forum puisque j'utilise la même image de fond.

(voir lien plus haut)
Lassé par la pub ? Créez un compte

Créer un nouveau sujet