david1986 Posté 22 Avril 2006 Posté 22 Avril 2006 Bonjour, Je suis entrain de me faire un site perso. Après avoir fait le graphisme sous Photoshop, j'ai découpé l'image et enregistré en XHTML. Or photoshop enregistre en XHTML 1.0 Transitional. J'ai donc modifié le Doctype pour le mettre en XHTML 1.1, puis j'ai validé le code sur le site du W3C. Et la, c'est le drame... en ouvrant la page dans Firefox, ça donne ça : Alors que dans IE, ça rend ça : Avez vous une petite idée de comment remédier à ce probleme ? merci PS: le code de la page : <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>site</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> </head> <body> <!-- ImageReady Slices (site.psd) --> <table id="Tableau_01" width="801" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="17"> <img id="index_01" src="images/index_01.jpg" width="800" height="10" alt="" /></td> <td> <img src="images/spacer.gif" width="1" height="10" alt="" /></td> </tr> <tr> <td colspan="2"> <img id="index_02" src="images/index_02.jpg" width="18" height="23" alt="" /></td> <td colspan="2"> <img id="index_03" src="images/index_03.jpg" width="73" height="23" alt="" /></td> <td> <img id="index_04" src="images/index_04.jpg" width="29" height="23" alt="" /></td> <td colspan="3"> <img id="index_05" src="images/index_05.jpg" width="121" height="23" alt="" /></td> <td> <img id="index_06" src="images/index_06.jpg" width="28" height="23" alt="" /></td> <td> <img id="index_07" src="images/index_07.jpg" width="37" height="23" alt="" /></td> <td> <img id="index_08" src="images/index_08.jpg" width="31" height="23" alt="" /></td> <td colspan="2"> <img id="index_09" src="images/index_09.jpg" width="116" height="23" alt="" /></td> <td colspan="4"> <img id="index_10" src="images/index_10.jpg" width="347" height="23" alt="" /></td> <td> <img src="images/spacer.gif" width="1" height="23" alt="" /></td> </tr> <tr> <td rowspan="5"> <img id="index_11" src="images/index_11.jpg" width="15" height="547" alt="" /></td> <td colspan="13" rowspan="2"> <img id="index_12" src="images/index_12.jpg" width="451" height="511" alt="" /></td> <td colspan="3"> <img id="index_13" src="images/index_13.jpg" width="334" height="327" alt="" /></td> <td> <img src="images/spacer.gif" width="1" height="327" alt="" /></td> </tr> <tr> <td rowspan="4"> <img id="index_14" src="images/index_14.jpg" width="16" height="220" alt="" /></td> <td rowspan="3"> <img id="index_15" src="images/index_15.jpg" width="303" height="218" alt="" /></td> <td rowspan="4"> <img id="index_16" src="images/index_16.jpg" width="15" height="220" alt="" /></td> <td> <img src="images/spacer.gif" width="1" height="184" alt="" /></td> </tr> <tr> <td colspan="2" rowspan="3"> <img id="index_17" src="images/index_17.jpg" width="30" height="36" alt="" /></td> <td colspan="3"> <img id="index_18" src="images/index_18.jpg" width="96" height="27" alt="" /></td> <td rowspan="3"> <img id="index_19" src="images/index_19.jpg" width="56" height="36" alt="" /></td> <td colspan="2"> <img id="index_20" src="images/index_20.jpg" width="72" height="27" alt="" /></td> <td colspan="2" rowspan="3"> <img id="index_21" src="images/index_21.jpg" width="68" height="36" alt="" /></td> <td> <img id="index_22" src="images/index_22.jpg" width="85" height="27" alt="" /></td> <td colspan="2" rowspan="3"> <img id="index_23" src="images/index_23.jpg" width="44" height="36" alt="" /></td> <td> <img src="images/spacer.gif" width="1" height="27" alt="" /></td> </tr> <tr> <td colspan="3" rowspan="2"> <img id="index_24" src="images/index_24.jpg" width="96" height="9" alt="" /></td> <td colspan="2" rowspan="2"> <img id="index_25" src="images/index_25.jpg" width="72" height="9" alt="" /></td> <td rowspan="2"> <img id="index_26" src="images/index_26.jpg" width="85" height="9" alt="" /></td> <td> <img src="images/spacer.gif" width="1" height="7" alt="" /></td> </tr> <tr> <td> <img id="index_27" src="images/index_27.jpg" width="303" height="2" alt="" /></td> <td> <img src="images/spacer.gif" width="1" height="2" alt="" /></td> </tr> <tr> <td> <img src="images/spacer.gif" width="15" height="1" alt="" /></td> <td> <img src="images/spacer.gif" width="3" height="1" alt="" /></td> <td> <img src="images/spacer.gif" width="27" height="1" alt="" /></td> <td> <img src="images/spacer.gif" width="46" height="1" alt="" /></td> <td> <img src="images/spacer.gif" width="29" height="1" alt="" /></td> <td> <img src="images/spacer.gif" width="21" height="1" alt="" /></td> <td> <img src="images/spacer.gif" width="56" height="1" alt="" /></td> <td> <img src="images/spacer.gif" width="44" height="1" alt="" /></td> <td> <img src="images/spacer.gif" width="28" height="1" alt="" /></td> <td> <img src="images/spacer.gif" width="37" height="1" alt="" /></td> <td> <img src="images/spacer.gif" width="31" height="1" alt="" /></td> <td> <img src="images/spacer.gif" width="85" height="1" alt="" /></td> <td> <img src="images/spacer.gif" width="31" height="1" alt="" /></td> <td> <img src="images/spacer.gif" width="13" height="1" alt="" /></td> <td> <img src="images/spacer.gif" width="16" height="1" alt="" /></td> <td> <img src="images/spacer.gif" width="303" height="1" alt="" /></td> <td> <img src="images/spacer.gif" width="15" height="1" alt="" /></td> <td></td> </tr> </table> <!-- End ImageReady Slices --> </body> </html>
Sarc Posté 22 Avril 2006 Posté 22 Avril 2006 Bonjour, L'utilisation du doctype xHTML 1.1 ne sert strictement à rien si tu ne veux pas en faire une utilisation autre... Dudu l'avait mieux expliqué dans un autre sujet, mais je n'ai pas pu remettre la main dessus (pour changer !). En gros, si tu valides ton site xHTML 1.0 strict, c'est déjà énorme. En regardant ton code, je confirme ce que je dis avant, voire plus : tu peux valider html strict, ça sera plus en rapport avec ce que fait photoshop... A vrai dire, tu ferais même mieux d'essayer de coder toi même la page, au lieu de te faire pondre un code aussi sale par Photoshop Quant aux différences entre IE et firefox, c'est monnaie courante hélas, et c'est pour ça qu'il faut d'ores et déjà être à l'aise avec le HTML et le CSS pour pouvoir pallier toutes ces différences, et faire un site visible de la même manière sous les deux navigateurs
david1986 Posté 22 Avril 2006 Auteur Posté 22 Avril 2006 Ok ! merci ! J'ai testé en Xhtml 1.0 Strict et ça fait pareil ! ça ne marche que en Transitional Je vais donc essayé de refaire tout moi même ; ça sera plus long mais certainement un peu mieu
Sarc Posté 22 Avril 2006 Posté 22 Avril 2006 Tu peux regarder dans les articles du hub, ainsi que l'ensemble des post-its : tu trouveras pas mal de sites pour apprendre correctement le HTML, le CSS, et bien plus encore... Bonne chance en tout cas, et n'hésite pas à repasser si tu as des questions
Dudu Posté 22 Avril 2006 Posté 22 Avril 2006 Bonjour XHTML 1.1 pour faire du tableau à la chaîne façon 1990, le tout découpé dans un logiciel d'image Pourquoi pas du XHTML 5.0 non plus ? Bon, je vanne gentiment. Redevenons sérieux 2 minutes Pourquoi souhaites-tu utiliser XHTML 1.1 ? Quelle est la raison ? Pour avoir un gros-Doctype-qui-tue-sa-race ? C'est inutile. De très bons sites sont codés en HTML 4.01 Strict, ça ne les empêche d'être conformes, parfois même plus conformes que certains sites en XHTML. => Le Doctype qu'il te faudrait pour commencer c'est soit HTML 4.01 Transitional, soit HTML 4.01 Strict Ensuite.. Les mises en pages en tableaux, c'est mal Les tableaux c'est fait pour les données tabulaires, pas pour faire sa mise en page. => Consulter d'excellents sites tels qu'Alsacréations, Meyerweb, Openweb.. ou les publications de Webmaster-Hub aussi ! Pour finir.. Photoshop, c'est un logiciel de retouche d'image. Pas un logiciel pour créer des sites web Le code qu'il produit est infâme, donc si en plus on pose ce code sur un Doctype XHTML 1.1 c'est la catastrophe assurée => Trouver un logiciel web adéquat, ou apprendre l'HTML et le CSS pour coder manuellement (c'est toujours mieux) Dudu l'avait mieux expliqué dans un autre sujet, mais je n'ai pas pu remettre la main dessus (pour changer !). Raah, il retrouve jamais rien lui Récemment, je l'ai dit dans 2 discussions différentes: Menu CSS vertical et horizontal Validation w3c - Erreur de validation
Sarc Posté 22 Avril 2006 Posté 22 Avril 2006 Raah, il retrouve jamais rien lui Récemment, je l'ai dit dans 2 discussions différentes: Menu CSS vertical et horizontal Validation w3c - Erreur de validation <{POST_SNAPBACK}> Ah bah voilà, c'est le deuxième message dont je me souvenais. Il faudrait demander à Dan un moteur de recherche spécial "discours de Dudu" pour moi, parce que je me souviens toujours de ce que tu dis, mais jamais du topic où tu l'as laissé... Bon, j'avais pas osé être sec, mais tu l'as fait à ma place !
jeanpierre949 Posté 24 Avril 2006 Posté 24 Avril 2006 au passage du validateur il doit bien avoir les erreurs signalées et a corriger quand ce sera fait le tableau s'affichera dans FF comme dans IE en xhtml 1.1 strict
Dudu Posté 24 Avril 2006 Posté 24 Avril 2006 [...] dans IE en xhtml 1.1 strict C'est impossible puisqu'Internet Explorer ne sait pas les lire les documents envoyés en application/xhtml+xml Les seuls documents soi-disant XHTML 1.1 (obligatoirement Strict puisqu'il n'y en a qu'un) qu'IE pourra lire c'est les documents HTML normaux auxquels on a superposé un DOCTYPE inadéquat en dépit du bon-sens Et à vrai dire, je ne comprends pas trop toute cette folie autour d'XHTML 1.1. Que des fous furieux fassent des tests avec (comme c'est le cas sur le site mozilla.org) pourquoi pas.. Qu'on l'utilise en production en 2006 à l'heure ou même IE 7 ne le lira pas, et où les moteurs de recherches le voient comme un "format inconnu" c'est vraiment chercher la complication Avoir un DOCTYPE XHTML 1.0 Strict valide et conforme, et respecter une sémantique parfaite c'est déjà assez dur comme ça, je trouve. Et encore, puisque tout se remet toujours en question, même du 1.0 pose problème quand il est envoyé en text/html.
Sujets conseillés
Veuillez vous connecter pour commenter
Vous pourrez laisser un commentaire après vous êtes connecté.
Connectez-vous maintenant