rss
Ils ont besoin de votre aide Tous les messages sans réponse
Rechercher : dans
Par : Pertinence Date Nom d'utilisateur
Statut : Résolu

Pb affichage tableau html IE/Mozilla

Posté par KoRnMuse, le vendredi 30 novembre 2007 à 15:15:54
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
Répondre à KoRnMuse  Signaler ce message aux modérateurs Aller au dernier message

1


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
KoRnMuse, le vendredi 30 novembre 2007 à 17:11:19
je pense que mon problème est passé incognito donc je me permet de relancer ma demande ^^
   
Répondre à KoRnMuse

2


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Gihef, le vendredi 30 novembre 2007 à 19:06:51
Bonjour,

On doit certainement trouver ici des gens qui sauraient t'aider.
Mais il faudra certainement qu'ils puissent voir comment tu fais, que tu donnes “plus de details”.

Le plus simple est que tu indiques où est la page.
Ou du code ?
HTML et CSS.

--
   
Répondre à Gihef

3


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
KoRnMuse, le dimanche 2 décembre 2007 à 11:59:40
dsl de repondre si tardivement mais j'ai pas eu le temps avant ^^

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.dt­d">
<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/">&l­t;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&qu­ot;><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 !
   
Répondre à KoRnMuse

4


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Gihef, le dimanche 2 décembre 2007 à 22:01:06
Ça va être difficile.

Chez moi, Firefox n'aime vraiment pas cette page.
Il plante lamentablement.

Les mises en page par tableaux sont difficiles à lire, à maintenir.
Les indications dans le code HTML ne permettent pas de modifications faciles.

On peut tenter quelques propositions.

Firefox ne tient pas compte des indications de tailles en HTML.
Il faudrait donc remplacer tous les
<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

--
   
Répondre à Gihef

5


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
 KoRnMuse, le lundi 3 décembre 2007 à 14:40:35
oh merci bcp pour toutes explications

jme suis renseigner sur qqs forums specialisés en webmastering et ils me disent tous d'abandonner completement les tableaux pour la mise en page au profit du CSS avec des balises <div> etc... j'essaie de m'y mettre mais c'est compliqué ^^

et bien jv regarder à tous ça alors et jv voir ce que jpeu faire

merci encore
   
Répondre à KoRnMuse
Posez votre question Répondre
Logiciels pertinents trouvés dans les téléchargements
Télécharger Gigaget 1.0.0.23Gigaget - GigaGet est la nouvelle génération de gestionnaire de téléchargement. Il permet de découper les fichiers à télécharger en...Catégorie: Téléchargement
Licence: Freeware/gratuit
Télécharger HTML Tidy 0.008HTML Tidy - HTML Tidy est un utilitaire permettant de vérifier et d'optimiser tout code HTML. La version originale de cet utilitaire...Catégorie: Webmaster
Licence: Freeware/gratuit
Télécharger HTMLDOC 1.8.24HTMLDOC - HTMLDOC est un outil permettant de convertir une page HTML (Hyper-Text Markup Language) vers un fichier HTML indexé, vers...Catégorie: PDF
Licence: Freeware/gratuit
Télécharger IE7 open last closed tab 3.5.0.0IE7 open last closed tab - Quoi de plus énervant lorsqu'on utilise un navigateur que de fermer accidentellement un onglet ! Mozilla Firefox et Opera...Catégorie: Navigateurs
Licence: Freeware/gratuit
Plus de logiciels gratuits sur « Pb affichage tableau html IE/Mozilla »