High-Tech Santé Médecine Droit-Finances

Grippe A

Que dois-je faire ?

Rechercher : dans
Par :

Pb affichage tableau html IE/Mozilla

Dernière réponse le 3 déc 2007 à 14:40:35 KoRnMuse, le 30 nov 2007 à 15:15:54 
 Signaler ce message aux modérateurs

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

Meilleures réponses pour « Pb affichage tableau html IE/Mozilla » dans :
Afficher les images et les animations Flash dans le navigateur VoirQuand vous allez sur un site internet, vous n'avez plus d'images affichées ; elles sont remplacées par un petit rectangle avec un carré rouge ou un triangle bleu (par exemple). 1 - Vérifier d'abord les paramètres de votre navigateur : Pour...
Afficher le code source du message sous Thunderbird Voir
Tableaux HTML VoirUtilisation de tableaux Il est souvent utile de présenter des informations mieux structurées qu'avec des listes. Les tableaux permettent de les afficher en lignes et en colonnes. Les tableaux sont définis comme étant des suites de lignes. Un...
Gestion des images en HTML VoirComment afficher des images sur une page web? Quelques images sur un site Web peuvent le rendre plus attractif et plus convivial, cependant il est important de ne pas sombrer dans l'excès car les images peuvent impliquer un temps de chargement...
Posez votre question Répondre

1

KoRnMuse, le 30 nov 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

Gihef, le 30 nov 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

KoRnMuse, le 2 déc 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.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 !

   
Répondre à KoRnMuse

4

Gihef, le 2 déc 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

 KoRnMuse, le 3 déc 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
Ils ont besoin de votre aide