XHTML compliant, CSS compliant, mais décalage... (résolu)

XHTML compliant, CSS compliant, mais décalage... (résolu) - HTML/CSS - Programmation

Marsh Posté le 18-09-2002 à 13:02:16    

)Hello,
 
A force de lire les intégristes du code, j'ai décidé de me mettre à faire du XHTML + CSS compliant (merci !)
 
http://fastclemmy.online.fr/dev/nositeyet/
 
http://validator.w3.org/check?uri= [...] matically)
 
http://jigsaw.w3.org/css-validator [...] ofile=css2
 
Mais pourtant sur la page les images/les tableaux ne sont pas collés, ce qui fait que ça rend moyen  :(  
 
J'ai bien tenté de collé tout le body en enlevant les retours chariots comme on m'a conseillé, mais toujours le même problème.
 
Une idée ?


Message édité par fastclemmy le 18-09-2002 à 14:43:48
Reply

Marsh Posté le 18-09-2002 à 13:02:16   

Reply

Marsh Posté le 18-09-2002 à 13:30:40    

border-collapse: collapse;
 
à rajouter dans une classe et à assigner à ta table.
 
edit : et padding: 0px dans td


Message édité par youdontcare le 18-09-2002 à 13:33:16
Reply

Marsh Posté le 18-09-2002 à 13:31:35    

à la place de
 
body {
margin-left : 0;
margin-right : 0;
margin-top : 0;
}
 
essaie
 
body {
 margin: 0em;
 padding: 0em;
}
 
sinon dans Opera par ex t'auras des problèmes


Message édité par antp le 18-09-2002 à 13:32:03

---------------
mes programmes ·· les voitures dans les films ·· apprenez à écrire
Reply

Marsh Posté le 18-09-2002 à 13:32:55    

Le seul problème que je vois sur ta page c'est la cassure dans l'arc de cercle, je sais pas si c'est ce que tu veux dire...
 
 
Essaye ça :
 
img {
  display: block;
}

Reply

Marsh Posté le 18-09-2002 à 13:40:08    

Heu, ya un autre chti problème (rien à voir avec le code)... Tes violets sont pas tous pareil. Le violet en fond de site en construction par exemple, c'est pas le même que celui du fond...
 

Reply

Marsh Posté le 18-09-2002 à 13:45:23    

J'ai essayé toute vos propositions et le problème reste le même...  :(  
 
http://fastclemmy.online.fr/dev/nositeyet/probleme.gif
 
En sélectionnant les images, on voit bien qu'il y a quelques pixels de décalage :(

Reply

Marsh Posté le 18-09-2002 à 13:46:53    

quel navigateur ?
 
sinon c'est cellpadding & cellspacing = 0 dans la <table>, mais bon ... :D

Reply

Marsh Posté le 18-09-2002 à 13:56:53    

Ah ! J'ai vu !
 
table {
  border-spacing: 0px;
  border-collapse: collapse;
}
 
Edit: tout ça ne serait jamais arrivé avec des <div>  :ange:


Message édité par gm_superstar le 18-09-2002 à 13:58:08
Reply

Marsh Posté le 18-09-2002 à 14:01:12    

de plus : découper les images pour se soucier du placement au pixel près, c'est vraiment vouloir se casser la tête. ici il suffit de garder le background, de rendre le vert de l'image 'hébergement' transparent, et *hop* ...

Reply

Marsh Posté le 18-09-2002 à 14:02:08    

gm_superstar a écrit a écrit :

Edit: tout ça ne serait jamais arrivé avec des <div>  :ange:


c'est vrai ça, pourquoi avoir choisi une table ?

Reply

Marsh Posté le 18-09-2002 à 14:02:08   

Reply

Marsh Posté le 18-09-2002 à 14:24:38    

Tiens, je t'ai refait ta page...
 
http://www.mao-france.com/test.html
 
c'est vraiment pas compliqué avec des divs  :D

Reply

Marsh Posté le 18-09-2002 à 14:43:05    

youdontcare a écrit a écrit :

c'est vrai ça, pourquoi avoir choisi une table ?  




 
Par habitude (ou par fainéantise ?)... La mise en page avec des calques ça me fait un peu peur de me lancer dedans.
 
En tout cas merci à tous pour le coup de main  :)  
 
Grâce à l'astuce de gm_superstar ça fonctionne avec des tableaux et la version <div> marche au poil aussi.

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed