Bonjour,
 
Je suis (toujours) en train de mettre en ligne un nouveau site. La première page est prête, reconnue comme valide par le validateur du W3C pour l'XHTML et le CSS et sous Explorer, il s'affiche exactement comme je veux, mais je ne comprends pourquoi, personnellement, sous Firefox j'ai des erreurs d'alignement des images. Faisant bien plus confiance à Firefox qu'à IE, je me dis qu'il y aun problème dans mon code ! L'un d'entre vous aurait-il la gentillesse d'y jeter un oeil pour voir où pourraient être mes erreurs ?
 
C'est par là: http://www.laciteblanche.org/cabanedukiwi/
 
Merci d'avance...

Je viens d'essayer de regarder rapidement, et je voulais savoir a quoi serve les <th>? je ne connais pas. Quelles différences avec des <td>?

,
 
je n'ai pas vraiment regarde le code en entier mais je pense que ca vient des tableaux, gere n'importe comment sous IE qui accepte n'importe quoi.
 
as tu essaye avec des div ?  
un conseil si tu garde les tableaux ou pas, utilise aussi des class pour les td

C'est comme un <td> (mais avec le texte en gras et centré). D'ailleurs, faut que je les remplace, c'est assez inutile vers chez moi ! Mais le problème ne doit pas venir de là...

th => thead ou le td du haut, qui porte generalement le nom des infos d'apres

Ah ok, en effet, ca ne dois pas venir de la...

les tableaux c pas bien

Tu proposes quoi ? Mon idée est donc des cadres qui me laissent des zones où je peux mettre du texte dedans. Garder les tableaux n'est pas une priorité pour moi. Si tu as vu en gros ce que je veux faire pour la page, je suis prêt à tout refondre ! Par contre, j'ai besoin d'un gabarit (cadres vides et dont je peux modifier rapidement la hauteur selon la longueur du texte) parce que j'aurais beaucoup de pages à faire à partir de cette page d'exemple.

les cadres c'est pire !
 
utilise des box (avec des div), c'st beaucoup mieux

Je suis parti avec des boxes définis dans les feuilles CSS. Je découvre à peine, je sens que je vais pouvoir arriver à plein de trucs avec ça. Vous tiens au courant. Merci.

Voilà, la nouvelle version est prête.
 
J'ai donc abandonné les tableaux pour les CSS. Bon, comme c'est la première fois que je m'y essaie, je dois pouvoir faire mieux, mais bon, ça fonctionne !
 
J'ai gardé l'idée de l'image de fond pour les cadres. Ca me permet de pouvoir dessiner des cadres moins carrés (enfin, y aurait toujours moyen de ne mettre en image que les bords et de mettre le centre en fond des <div>, mais c'est long à découper ! Sachant que mes fonds étant des aplats de couleurs, la taille de l'image ne dépasse pas 46ko, ce qui reste raisonnable !
 
Tout n'est pas encore parfait, mais c'est beaucoup mieux qu'avant ! Merci pour vos conseils...
 
Vous voyez encore des problèmes ?

table header (je suppose) c'est l'entête du tableau, c'est de la balise sémantique (opposé à une balise de "décoration" ).

Allez, un site d'un boss des CSS : http://www.meyerweb.com/eric/css/edge/
Les démos sont à tomber.
 
Sinon sur un point de vue couleur, le contraste est trop violent entre le texte jaune et le fond violet et aussi entre le texte turquoise et le fond violet.

Héhé, Ouais, peut-être. C'est un peu fait exprès... Vais peut-être changer les couleurs des polices...

perso, je trouve que c'est beaucoup mieux comme ca !
 
grosse progression par rapport à l'ancienne version
 
 
petite remarque: le cadre jaune a subit de l' "anti-aliasing" contrairement au violet et ca fait bizarre pour le violet
ya aussi le contraste tres ... contrasté ( )

Merci !
 
Vais encore arranger deux-petits détails (en particulier: les polices et couleurs de textes, l'espacement des lignes et paragraphes, l'ombre "coupée" en bas des cadres, l'aliasing du cadre violet, le fait qu'en 1024x768, l'affichage déborde un petit peu en largeur, remonter un chtouilla les cadres, revoir le placement du logo de fond, parfois caché par les cadres, etc), mais je pense m'approcher de la version finale. En tous cas, ça ressemble bien plus qu'avant à ce que je voulais, et ce avec un code bien plus propre...

 
Je vais te miner le moral mais la résolution est différente d'un poste à l'autre : 1024*768 c'est celle de l'écran, pas celle de la vraie zone où le contenu s'affiche : suivant la taille de la fenêtre du navigateur, la taille des bordures (ascenseurs...), les différentes barre d'outils verticales ou horizontales, bah voilà quoi, sont tous différents...

Oui, mais en mettant 980 px de largeur, ça passe la plupart du temps. Là je suis à 990, ce qui est un peu trop, et donc, apparaît un "ascenseur" horizontal... enfin, chez moi !

Voilà, c'est terminé. Ma page est prête (d'un point de vue graphique en tous cas). Merci pour votre aide.
 
Pour voir le résultat: http://www.cabanedukiwi.org
 
Merci encore

OK, ça rend bien là, plus de débordement.
Juste un ou 2 trucs qui me paraissent un peu étranges : en haut, je vois une demie pile de jetons verts.  

 
Et en bas, l'écart entre tes encarts de texte et ta notice copyright est assez important, c'est normal?  

Pour la demi-pile de jetons: vide ton cache, j'ai changé l'image de fond (en décalant les piles de jetons). Tu verras aussi que j'ai changé la couleur de fond du cadre principal.
 
Pour l'écart entre les cadres et le copyleft (justement pas copyright, mais bon...), je vais le réduire.
 
Merci pour ces remarques.

ok, impec, ça rend super!

Merci beaucoup... Maintenant que mon contenant est prêt, je peux m'atteler à mon contenu...

j'avais vu je sais pu trop ou il disait qu il vallait mieux commencer par le contenu et apres le contenant, mais jai toujours fait l'inverse

Non, le contenu est prêt (je sais ce que je veux mettre dans le site). Mais, avant de me lancer dans le "remplissage" même des pages, je voulais avoir un gabarit prêt et complètement finalisé. Pour éviter, au cas où il y aurait problème, faire des modifs à faire niveau codage et mise en page avec le texte déjà inséré. Maintenant, je n'ai plus qu'à remplir mes pages (c'est long parce qu'il y en a beaucoup, mais je n'ai plus à m'occuper de mon design, il est prêt).