KoRnMuse Posté(e) le 2 décembre 2007 Partager Posté(e) le 2 décembre 2007 Bonjour à tous, je suis actuellement en train de concevoir un site internet pour ma chérie qui est creatrice vestimentaire. J'utilise le html, mon site est hébergé chez free et j'ai recemment decouvert un petit problème en regardant ce ques mes tableaux donnaient sous Mozilla ^^' J'utilise une sorte de cadre au centre de ma page dans lequel j'ai inserer des liens et une iframe. J'ai crée le code html avec image ready et j'ai juste rajouter l'iframe. Tous fonctionne parfaitement sous IE7 mais tous est "detruit" sous Mozilla et je ne peux pas obligés mes visiteurs à utiliser IE ^^ et puis etant designer j'ai du mal à regarder ma creation sacagé par ce fouttu navigateur ! voici la page qui pose problème : http://kissmekillme.free.fr/kissme/index.html et son code : <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Kiss Me Side</title> <style type="text/css"> <!-- body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-color: #FFFFFF; background-image: url(../myspace.gif); } --> </style> <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" /> <style type="text/css"> <!-- .Style3 {color: #F90D5F; font-size: 20px; font-family: Verdana, Arial, Helvetica, sans-serif;} --> </style> </head> <body> <table width="1000" height="291" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <th width="1000" height="291" align="center" scope="col"><a href="../index.html"><img src="../banniere.png" alt="Kiss me Kill me" width="900" height="291" border="0" /></a></th> </tr> </table> <table width="1000" height="76" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <th width="500" height="76" scope="col"><img src="baguette boules.png" width="480" height="25" /></th> <th width="500" scope="col"><img src="baguette boules.png" width="480" height="25" /></th> </tr> </table> <table width="1001" height="649" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td colspan="5"> <img src="c1.png" width="1000" height="129" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="129" alt=""></td> </tr> <tr> <td> <div align="right"><a href="gallerie/index.html"><img src="c2.png" alt="" width="156" height="84" border="0"></a></div></td> <td rowspan="8"> <img src="c3.png" width="151" height="520" alt=""></td> <td rowspan="7" align="left"><iframe src="kiss.html" name="kiss" scrolling="auto" height="463" width="396"></iframe></td> <td colspan="2" rowspan="4"> <img src="c4.png" width="291" height="375" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="84" alt=""></td> </tr> <tr> <td> <img src="c5.png" width="162" height="123" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="123" alt=""></td> </tr> <tr> <td> <div align="right"><a href="http://kissmekillme.forumsactifs.com/"><img src="c6.png" alt="" width="159" height="59" border="0"></a></div></td> <td> <img src="images/spacer.gif" width="1" height="59" alt=""></td> </tr> <tr> <td rowspan="2"> <img src="c7.png" width="162" height="135" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="109" alt=""></td> </tr> <tr> <td rowspan="4"> <img src="c8.png" width="70" height="145" alt=""></td> <td rowspan="4"> <a href="../gallerie/index.html"><img src="c9.png" alt="" width="221" height="145" border="0"></a></td> <td> <img src="images/spacer.gif" width="1" height="26" alt=""></td> </tr> <tr> <td> <a href="http://www.myspace.com/kissme_ulala_and_killme"><img src="c10.png" alt="" width="162" height="56" border="0"></a></td> <td> <img src="images/spacer.gif" width="1" height="56" alt=""></td> </tr> <tr> <td rowspan="2"> <img src="c11.png" width="162" height="63" alt=""></td> <td height="6"> <img src="images/spacer.gif" width="1" height="6" alt=""></td> </tr> <tr> <td> <img src="c12.png" width="396" height="57" alt=""></td> <td> <img src="images/spacer.gif" width="1" height="57" alt=""></td> </tr> </table> <table width="1000" height="329" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <th height="175" scope="row"><div align="left"><img src="kiss me neko.png" width="650" height="135" /></div></th> </tr> <tr> <th width="1000" height="154" scope="row"><div align="right"><img src="kill me neko.png" width="737" height="128" /></div></th> </tr> </table> <table width="1000" height="73" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <th width="500" height="73" scope="col"><img src="baguette boules.png" width="480" height="25" /></th> <th width="500" scope="col"><img src="baguette boules.png" width="480" height="25" /></th> </tr> </table> <table width="1000" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <th height="40" scope="col">©2007 Kissmekillme - Tous droits reservés aux Neko ! </th> </tr> </table> </body> </html> J'espere vraiment que quelqu'un pourras m'aider car je suis debutant en programmation (moi designer, pas programmateur) et j'ai vraiment besoin d'aide. Je reste à votre disposition pour toutes precisions si besoin est et je vous remercie d'avance ! Lien vers le commentaire Partager sur d’autres sites More sharing options...
tsubasaleguedin Posté(e) le 2 décembre 2007 Partager Posté(e) le 2 décembre 2007 J'espere vraiment que quelqu'un pourras m'aider car je suis debutant en programmation (moi designer, pas programmateur) et j'ai vraiment besoin d'aide.Je reste à votre disposition pour toutes precisions si besoin est et je vous remercie d'avance ! Bon deja un programmateur c'est pour les machines à laver (on dit programmeur), ensuite le HTML c'est pas de la programmation mais de la mise en page avec des balises de mise en forme. Et dernierement on utilise pas les tableau pour mettre en forme une page mais des <div> ( http://css.alsacreations.com/Modeles-de-mise-en-page-en-CSS ). Pour ta culture un langage pour programmer c'est a base de variables (a+b=c), de fonctions(a=func(b)), de strutures mémoire (a->Age=12), de methode etc .... Il y a rien de tout ca en HTML qui sert uniquement à mettre en forme les informations, d'ailleurs pour un designer digne de ce nom c'est fondamentale de maitriser l'html+css car c'est le seul moyen de mettre en forme un travail accompli pour le web. PS: Petit conseil, les images de ton site sont bcps trop lourd vis a vis de l'hebergeur ( page free.fr), et il faut 3 plombes pour avoir un truc qui s'affiche de maniere toute bancale Lien vers le commentaire Partager sur d’autres sites More sharing options...
KoRnMuse Posté(e) le 2 décembre 2007 Auteur Partager Posté(e) le 2 décembre 2007 Désolé d'avoir été un peu maladroit dans mes paroles^^ Jme suis mal exprimé et je vais essayer de faire mieux par la suite (d'un autre coté j'ai appris des choses donc je ne regrette qu'à moitié) Je suis designer, pas webdesigner et le html et tout ce qui est publication web est nouveau pour moi donc soyez indulgent svp. je fais de mon mieux. (je precise que j'utilise Dreamweaver et que je ne connais pas tous les codes) Je sais que mes images sont un peu lourdes (un peu beaucoup même) mais le site est encore à l'etat de conception et je n'ai pas pris le temps de compresser mes images (je veux conserver une qualité optimale) Mais je ne pense pas que le poids des images pose problème au niveau de l'affichage "bancale". j'ai déjà travaillé sur des images moins lourdes et pas moyen que le contenu de mes <table> s'affichent correctement sous mozilla (alors que sous IE tout marche au poil). J'ai egalement essayer d'utiliser mes images en fond de mes tableaux, toujours avec mon iframe au centre, et là tout marche bien sur mozilla mais l'iframe est mal dimensionner sur IE... je suis donc repassé à cette version en attendant une solution pour mozilla... Et dernierement on utilise pas les tableau pour mettre en forme une page mais des <div> Tu penses que je ne devrais pas utiliser de balises <table> pour mettre en page cette partie de la page ?? Ca avait le coté pratique pour faire evoluer ma page simplement, de facilement espacer les images et de mettre en forme efficacement le tout (enfin sous IE en tout cas)... Merci beaucoup de m'aider en tout cas ! Lien vers le commentaire Partager sur d’autres sites More sharing options...
Space Posté(e) le 2 décembre 2007 Partager Posté(e) le 2 décembre 2007 Tout à fait d'accord avec pour ce qui concerne la mise en page avec des tableaux. Maintenant on utilise plus ça pour la mise en page, tout passe par le CSS. Si tu veux un très bon tuto pour repartir sur de bonnes bases avec Xhtml + CSS -> http://www.siteduzero.com/tuto-3-6-0-appre...e-site-web.html Lien vers le commentaire Partager sur d’autres sites More sharing options...
KoRnMuse Posté(e) le 2 décembre 2007 Auteur Partager Posté(e) le 2 décembre 2007 Je viens de regarder vite fait et ça m'a l'air bien sympathique tout ça. Jsuis sur que ça va m'aider pour plein d'autres trucs. jv 'y mettre serieusement au CSS alors et puis je vous dirai si jmen sort ! Merci beaucoup à vous deux ! Lien vers le commentaire Partager sur d’autres sites More sharing options...
Space Posté(e) le 2 décembre 2007 Partager Posté(e) le 2 décembre 2007 Ouais bonne chance et je ne vois aucunes raisons que tu ne t'en sortes pas, c'est pas plus compliqué avec du css, même plus simple. ^^ Lien vers le commentaire Partager sur d’autres sites More sharing options...
nemesis93_75 Posté(e) le 2 décembre 2007 Partager Posté(e) le 2 décembre 2007 comme dit utilise le site du zero (c'est avec ça que j'ai appris moi pour mescours de html et css donc ça marche très bien ) Lien vers le commentaire Partager sur d’autres sites More sharing options...
Space Posté(e) le 2 décembre 2007 Partager Posté(e) le 2 décembre 2007 Moi j'avais appris le HTML 4 avec un bouquin. Quand je regarde maintenant ce que je produisais comme code à l'époque ça me fait réellement peut tant le code était ignoble. La lecture d'articles et de tutos sur la sémantique du code et compagnie m'ont fait beaucoup de bien. Lien vers le commentaire Partager sur d’autres sites More sharing options...
Messages recommandés
Archivé
Ce sujet est désormais archivé et ne peut plus recevoir de nouvelles réponses.