FORUM Tom's Hardware » Programmation » Autre » [Résolu] Pas identique
 

[Résolu] Pas identique

C16-TR Le Bistrot : Kronos_Q, 3 utilisateurs anonymes et 231 utilisateurs inconnus
Ajouter une réponse



 Mot :   Pseudo :  
 
Bas de page
Auteur
 Sujet : [Résolu] Pas identique
 
dede69000
Plus d'informations
n°25689
09-11-2006 à 16:41:55

Bonjour,
 
J'ai un petit problème d'affichage avec une image de fond (droite et gauche différent l'un est plus large que l'autre) :
 
http://www.pourtoutsavoir.com/copiedeindex.php
 
Voici comment il doit être (droite et gauche identique) :
 
http://www.pourtoutsavoir.com/forum
 
Pourtant l'image de fond est identique à gauche comme à droite.
 
Une solution ? Merci


Message édité par dede69000 le 10-11-2006 à 09:36:32

Johan_et_P irlouit
Inside my own Second Life
Plus d'informations
n°25691
09-11-2006 à 17:43:03

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 :

Code :
  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

Code :
  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:


Message édité par Johan_et_P irlouit le 09-11-2006 à 17:49:58

---------------
Retrouvez moi sur mon blog : http://www.nicolasullern.net/leblog/
Et aussi sur :
http://www.linkedin.com/in/nicolasullern
http://www.viadeo.com/fr/profile/nicolas.ullern
http://www.copaing.net/johanpirlouit/
boub popsy team
G.M.G.V.S.O.
Profil : Modo matériel
Plus d'informations
n°25693
09-11-2006 à 18:11:23

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 ...

Message cité 1 fois

---------------
SPAM & WAREZ = Ban!
Ultimate Boot CD | Memtest+
Mon bar préféré à Lyon ! | Bijoux Fantaisie de Créateur !
dede69000
Plus d'informations
n°25694
09-11-2006 à 18:15:27

Il y a quelques moi j'ai commencé le css, mais je ne comprend pas certain truc, je connais bien Alsacreation.
 
Mais le tableau il va disparaitre pas de problème.  :)

dede69000
Plus d'informations
n°25695
09-11-2006 à 18:26:39

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

Code :
  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 !!

Message cité 1 fois
Message édité par dede69000 le 09-11-2006 à 18:27:31
Johan_et_P irlouit
Inside my own Second Life
Plus d'informations
n°25696
09-11-2006 à 19:07:44

a écrit :

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)..
 
 

a écrit :

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

Code :
  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:


Message édité par Johan_et_P irlouit le 09-11-2006 à 19:08:08

---------------
Retrouvez moi sur mon blog : http://www.nicolasullern.net/leblog/
Et aussi sur :
http://www.linkedin.com/in/nicolasullern
http://www.viadeo.com/fr/profile/nicolas.ullern
http://www.copaing.net/johanpirlouit/
dede69000
Plus d'informations
n°25697
09-11-2006 à 19:46:26

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)

Johan_et_P irlouit
Inside my own Second Life
Plus d'informations
n°25701
09-11-2006 à 20:35:44

Bah, je t'ai répondu dans mon post, non :heink: ? Je t'ai même expliqué ce qui ne va pas.. Si tu regardes bien, j'ai répondu à deux personnes : d'abord boubpopsyteam et ensuite toi (par ordre d'apparition des posts dans le topic ;))..
 
:jap:


---------------
Retrouvez moi sur mon blog : http://www.nicolasullern.net/leblog/
Et aussi sur :
http://www.linkedin.com/in/nicolasullern
http://www.viadeo.com/fr/profile/nicolas.ullern
http://www.copaing.net/johanpirlouit/

Aller à :
Ajouter une réponse
  FORUM Tom's Hardware » Programmation » Autre » [Résolu] Pas identique
 

Plan du forum
Forum MesDiscussions.Net, Version 2007.1.2
© 2000-2007 No1Dev
Page générée en 0.263 secondes
Annonces Google
Publicité
Sujets relatifs
voir tout
Actualités relatives
Les dernières actualités
voir tout
Les derniers tests
voir tout