|
|
|
|
Bonjour à tous,
je suis actuellement en train de creer un site en html et tout fonctionnais bien jusqu'à temps que j'aille jeter un coup d'oeil sous Mozilla : j'utilise des tableaux pour afficher le graphisme et il semble que mozilla ne veuille pas garder la mise en forme de mes tableaux (esapces entre les cases, tout est decalé) Mes tableaux ont été crées avec imageready pour plus de commodités, copiés dans mes pages et j'ai par la suite ajouté une iframe au centre de mes tableaux. j'ai essayé de faire un tableau plus simple avec mon graphisme entier juste en fond et toujours l'iframe au centre. mais là c'est internet explorer qui bug...je sai plus quoi faire ^^''
alors voilà si qqun a une solution, je suis à votre disposition pour plus de details.
Merci d'avance.
Configuration: Windows XP Internet Explorer 7.0
Dsl de repondre si tardivement mais j'ai pas eu le temps avant ^^
<!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> Voilà tout ^^ j'espere vraiment que quelqu'un pourra m'aider. Je precise que je concois ce site pour ma cherie qui est creatrice vestimentaire et moi même etant plutôt webdesigner et absoluement pas programmateur ben j'ai un peu de mal ^^' Merci d'avance ! |
Ça va être difficile.
<th width="nnn" height="nnn"par un peu de style <th style="width:nnnpx; height:nnnpx;"Il est aussi possible que la taille de la <iframe> pose problème. Et donc, en en réduisant un peu la taille… Ou en en supprimant les espacements… <iframe style="margin:0; padding:0;" src="Ou en la plaçant dans une <div> à laquelle on appliquerait les dimensions pour ensuite modifier celle de la <iframe> <td rowspan="7" align="left">
<div style="width:396px; height:463px;">
<iframe src="kiss.html" name="kiss" scrolling="auto"
style="width: 100%; height: 100%;"></iframe>
</div>
</td>
++ Il peut être aussi utile que tu corriges les erreurs de cette page : http://validator.w3.org/#validate_by_uri+with_options -- |
Oh merci bcp pour toutes explications
|