affichage tableau dans IE

chatagnin · Message par **chatagnin** » 01 déc. 2006, 12:39

Je n'arrive pas à comprendre pourquoi un tableau contenat des images qui s'affiche parfaitement dans firefox n'apparait pas du tout dans IE

quelqu'un peut-il m'éclairer svp

le détail du code de cette page figure dans mon précédent message du 29/11

merci

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1) Gecko/20061010 Firefox/2.0

Mongo Bob · Message par **Mongo Bob** » 01 déc. 2006, 14:08

chatagnin a écrit :le détail du code de cette page figure dans mon précédent message du 29/11

1/ autant le redonner ici, non? Je veux dire, si c'est pas trop embêtant pour toi, bien sûr?

2/ ceci dit, c'est peut-être pas la peine, depuis le temps que j'entends dire que IE fonctionne mal avec les tableaux.
3/ d'ailleurs, moi non plus, je me suis tellement embêté à tenter de les dompter que je les ai abandonné, les tableaux, et je fonctionne trés bien sans : http://css.alsacreations.com/Faire-une- ... s-tableaux
(ce lien a été donné 1000 fois, mais il est trés bien)
Ce n'est pas une réponse pour t'embêter : tu te faciliteras la vie à ne plus les utiliser, franchement.

Message par **chinon37** » 01 déc. 2006, 19:01

Rappel: ce forum vit grâce à des bénévoles qui prennent sur leur temps libre (ou de travail

) pour aider à résoudre les problèmes apparaissant à l'utilisation de Nvu/kpz.
En d'autres termes que mon gros Bob (

), mais dans le même esprit, je m'interroge: je ne suis pas certain que ce soit au lecteur du message de rechercher le code d'une page qui achope à cause de techniques indépendantes de Kpz/Nvu, mais bien au rédacteur.

CQFD

Message par **myahoo** » 01 déc. 2006, 19:36

chinon37 a écrit :je ne suis pas certain que ce soit au lecteur du message de rechercher le code d'une page qui achope à cause de techniques indépendantes de Kpz/Nvu, mais bien au rédacteur. CQFD

Il faudrait mettre ce texte-là en page d'accueil pour les visiteurs du site, je pense !

Mongo Bob · Message par **Mongo Bob** » 01 déc. 2006, 19:44

chinon37 a écrit :mon gros Bob

je me vengerai, je me vengerai

chatagnin · Message par **chatagnin** » 02 déc. 2006, 16:29

effectivement, j'aurais du le remettre mais comme c'est très long...

Après avoir effectué les rectifications conseillées, ma page semblait OK et s'affichait parfaitement dans FF, mais dans IE aucune trace du tableau et des images !!!

j'ai bien compris que les tableaux sont fortement déconseillés mais comme il me semble que j'étais près du but, j'essaie de trouver une solution simple qui m'évite de reprendre tout à zéro

merci pour votre compréhension et pour votre aide (code ci-dessous)

[<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN">
<html lang="fr-fr">
<head>

<meta name="generator" content="HTML Tidy for Windows (vers 14 February 2006), see www.w3.org">

<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
<title>Ceramiques de l'Alentejo</title>

<style title="gabarit" media="screen" type="text/css">
body { background-color: #ffffe8;
}

dl { opacity: 0.674;
background-position: center;
background-color: #ffffff;
background-image: url(../Photos/CeramiqueAlentejo/dessousdeplat.jpg);
}

dd { border-style: double;
border-width: 3px;
font-family: Comic Sans MS;
font-size: 19px;
text-align: center;
line-height: 30pt;
font-style: italic;
font-weight: bolder;
background-position: center;
width: 7em;
}

#menu { display: table;
overflow: auto;
float: left;
position: relative;
}

#corps { border-style: none;
top: 5%;
position: relative;
margin-left: 300px;
}

.table { float: left;
position: relative;
visibility: visible;
}

</style>
<meta content="chatagnin" name="author">

<meta content="Aperçu du Portugal" name="description">

</head>
<body style="direction: ltr;">

<br>

<div id="menu">
<dl>

<dd> <a href="index.html">Accueil</a> </dd>

<dd>Actualités </dd>

<dd> <a href="alentejo.html">Céramiques
de l'Alentejo</a> </dd>

<dd> <a href="portos.html">Portos<br>

et Alcools</a> </dd>

<dd> <a href="alimentation.html">Alimentation</a>
</dd>

<dd> <a href="Vins.html">Vins</a> </dd>

<dd> <a href="Barcelos.html">Céramiques
de Barcelos</a> </dd>

<dd> <a href="Pour%20nous%20joindre.html">Pour
nous Trouver</a> </dd>

<dd> </dd>

<dd> <a href="liens.html">Liens</a> </dd>

<dd> <a href="mailto:otilia@saveursduportugal.com">Contact</a>
</dd>

</dl>

</div>

<p style="text-align: center;">  <big>Laissez
vous charmer par les couleurs éclatantes des
Céramiques de l'Alentejo.</big><br>

  Réalisées de manière
totalement artisanale,
chaque pièce est unique, les photos ci-dessous
représentant la catégorie de  chaque
pièce.
Elles ne sont pas représentatives de la dimension des objets.</p>

<table style="text-align: left; width: 100px;" border="1" cellpadding="2" cellspacing="2">

<tbody>

<tr>

<td style="vertical-align: middle; text-align: center;">Jarre </td>

<td align="center" valign="middle"><a name="Cloche"></a>Cloche à fromage</td>

<td align="center" valign="middle">Barrils</td>

<td align="center" valign="middle"><a name="Brique"></a>Brique à vin</td>

</tr>

<tr>

<td align="center" valign="middle"> <img style="top: 173px; left: 288px; width: 82px; height: 151px;" alt="" src="../Photos/CeramiqueAlentejo/jarre.jpg"><br>

</td>

<td align="center" valign="middle"><img style="top: 170px; left: 463px; width: 206px; height: 153px;" alt="" src="../Photos/CeramiqueAlentejo/cloche.jpg"> </td>

<td align="center" valign="middle"><img style="top: 181px; left: 683px; width: 184px; height: 132px;" alt="" src="../Photos/CeramiqueAlentejo/barrils.jpg"><br>

</td>

<td align="center" valign="middle"><img style="top: 171px; left: 867px; width: 207px; height: 151px;" alt="" src="../Photos/CeramiqueAlentejo/briques.jpg"></td>

</tr>

<tr>

<td align="center" valign="middle">14
€</td>

<td align="center" valign="middle">22,50
€</td>

<td align="center" valign="middle">15
€</td>

<td align="center" valign="middle">18
€</td>

</tr>

<tr>

<td align="center" valign="middle"><a name="Fruitière"></a>Fruitière</td>

<td align="center" valign="middle"><a name="Pichets"></a>Pichets 1,5 L</td>

<td align="center" valign="middle">Assiette
décorative d.44<br>

</td>

<td align="center" valign="middle">Plat de
service</td>

</tr>

<tr>

<td align="center" valign="middle"><img style="top: 392px; left: 248px; width: 193px; height: 148px;" alt="" src="../Photos/CeramiqueAlentejo/fruitiere2.jpg"><br>

</td>

<td align="center" valign="middle"><img style="top: 391px; left: 456px; width: 215px; height: 145px;" alt="" src="../Photos/CeramiqueAlentejo/pichet1,5L.jpg"><br>

</td>

<td align="center" valign="middle"><img style="top: 392px; left: 680px; width: 185px; height: 154px;" alt="" src="../Photos/CeramiqueAlentejo/assietted%E9corative3.jpg"><br>

</td>

<td align="center" valign="middle"><img style="top: 393px; left: 874px; width: 206px; height: 146px;" alt="" src="../Photos/CeramiqueAlentejo/platdeservice.jpg"><br>

</td>

</tr>

<tr>

<td align="center" valign="middle">15,50
€</td>

<td align="center" valign="middle">14
€</td>

<td align="center" valign="middle">40
€</td>

<td align="center" valign="middle">15
€</td>

</tr>

<tr>

<td align="center" valign="middle">Petit plat
à olives</td>

<td align="center" valign="middle">Bols</td>

<td align="center" valign="middle">Dessous de
plat</td>

<td align="center" valign="middle"><a name="Miniatures"></a>Miniatures</td>

</tr>

<tr>

<td align="center" valign="middle"><img style="top: 570px; left: 240px; width: 187px; height: 174px;" alt="" src="../Photos/CeramiqueAlentejo/petits%20olives2.jpg"></td>

<td align="center" valign="middle"><img style="top: 682px; left: 555px; width: 213px; height: 171px;" alt="" src="../Photos/CeramiqueAlentejo/bols.jpg"><br>

</td>

<td align="center" valign="middle"><img style="top: 596px; left: 674px; width: 169px; height: 169px;" alt="" src="../Photos/CeramiqueAlentejo/dessousdeplat.jpg"></td>

<td align="center" valign="middle"><img style="top: 607px; height: 159px; left: 859px; width: 210px;" alt="" src="../Photos/CeramiqueAlentejo/miniatures2.jpg"><br>

</td>

</tr>

<tr>

<td align="center" valign="middle">2,50
€</td>

<td align="center" valign="middle">5
€</td>

<td align="center" valign="middle"> 7
€</td>

<td align="center" valign="middle">3
€</td>

</tr>

<tr>

<td align="center" valign="middle">Grand Plat
à four avec anses </td>

<td align="center" valign="middle">Petit Plat
à four avec anses</td>

<td align="center" valign="middle">Cocotte</td>

<td align="center" valign="middle"> Grand
Plat à <a name="four"></a>four</td>

</tr>

<tr>

<td align="center" valign="middle"><img style="top: 838px; left: 242px; width: 205px; height: 176px;" alt="" src="../Photos/CeramiqueAlentejo/platansesGd.jpg"></td>

<td align="center" valign="middle"><img style="top: 840px; left: 464px; width: 197px; height: 174px;" alt="" src="../Photos/CeramiqueAlentejo/Plat%20fouransespetit.jpg"></td>

<td align="center" valign="middle"><img style="top: 845px; left: 677px; width: 187px; height: 163px;" alt="" src="../Photos/CeramiqueAlentejo/cocotte.jpg"></td>

<td align="center" valign="middle"><img style="top: 986px; left: 1106px; width: 208px; height: 124px;" alt="" src="../Photos/CeramiqueAlentejo/platfourGd.jpg"><br>

</td>

</tr>

<tr>

<td align="center" valign="middle">16
€</td>

<td align="center" valign="middle">14
€</td>

<td align="center" valign="middle">20
€</td>

<td align="center" valign="middle">24,50
€</td>

</tr>

<tr>

<td align="center" valign="middle"><a name="Plat_apéritif"></a>Plat apéritif</td>

<td align="center" valign="middle">Chopes</td>

<td align="center" valign="middle">Vase de mur</td>

<td align="center" valign="middle">Cendrier</td>

</tr>

<tr>

<td align="center" valign="middle"><img style="top: 1187px; left: 239px; width: 159px; height: 156px;" alt="" src="../Photos/CeramiqueAlentejo/platolives2.jpg"><br>

</td>

<td align="center" valign="middle"><img style="top: 1089px; left: 465px; width: 215px; height: 109px;" alt="" src="../Photos/CeramiqueAlentejo/chopes.jpg"></td>

<td align="center" valign="middle"><img style="left: 916px; width: 100px; top: 994px; height: 142px;" alt="" src="../Photos/CeramiqueAlentejo/vase2.jpg"></td>

<td align="center" valign="middle"><img style="top: 1102px; left: 888px; width: 212px; height: 98px;" alt="" src="../Photos/CeramiqueAlentejo/cendriers.jpg"></td>

</tr>

<tr>

<td align="center" valign="middle">15
€</td>

<td align="center" valign="middle">5 €</td>

<td align="center" valign="middle">8,50
€ </td>

<td align="center" valign="middle">5,50
€</td>

</tr>

<tr>

<td align="center" valign="middle">Petit Plat
à Cake</td>

<td align="center" valign="middle">Grand Plat
à Cake<br>

</td>

<td align="center" valign="middle"><a name="Grill"></a>Grill à Chourizo</td>

<td align="center" valign="middle">Grand
Saladier d.33</td>

</tr>

<tr>

<td align="center" valign="middle"><img style="top: 1381px; left: 239px; width: 172px; height: 120px;" alt="" src="../Photos/CeramiqueAlentejo/petitcake.jpg"><br>

</td>

<td align="center" valign="middle"><img style="top: 1332px; left: 452px; width: 215px; height: 86px;" alt="" src="../Photos/CeramiqueAlentejo/platcakeGd2.jpg"></td>

<td align="center" valign="middle"><img style="top: 1373px; left: 802px; width: 174px; height: 118px;" alt="" src="../Photos/CeramiqueAlentejo/grillchorizo.jpg"></td>

<td align="center" valign="middle"><img style="top: 878px; left: 676px; width: 198px; height: 105px;" alt="" src="../Photos/CeramiqueAlentejo/grandsaladier.jpg"></td>

</tr>

<tr>

<td align="center" valign="middle">8
€<br>

</td>

<td align="center" valign="middle">11,50
€<br>

</td>

<td align="center" valign="middle">5
€<br>

</td>

<td align="center" valign="middle">21
€</td>

</tr>

<tr>

<td align="center" valign="middle">Service
à <a name="café"></a>café 6
tasses<br>

</td>

<td align="center" valign="middle"><a name="Appliques"></a>Appliques</td>

<td align="center" valign="middle">Assiette
Décorative</td>

<td align="center" valign="middle">Assiette
Décorative</td>

</tr>

<tr>

<td align="center" valign="middle"><img style="top: 1482px; left: 240px; width: 207px; height: 162px;" alt="" src="../Photos/CeramiqueAlentejo/service%E0caf%E9.jpg"><br>

</td>

<td align="center" valign="middle"><img style="top: 1482px; left: 524px; width: 77px; height: 163px;" alt="" src="../Photos/CeramiqueAlentejo/applique2.jpg"><img style="top: 1485px; left: 568px; width: 71px; height: 163px;" alt="" src="../Photos/CeramiqueAlentejo/applique3.jpg"><img style="top: 1486px; left: 602px; width: 67px; height: 162px;" alt="" src="../Photos/CeramiqueAlentejo/applique4.jpg"></td>

<td align="center" valign="middle"><img style="top: 1480px; left: 689px; width: 166px; height: 163px;" alt="" src="../Photos/CeramiqueAlentejo/assiettedecorative2.jpg"></td>

<td align="center" valign="middle"><img style="top: 1485px; left: 907px; width: 171px; height: 161px;" alt="" src="../Photos/CeramiqueAlentejo/assietted%E9corative1.jpg"></td>

</tr>

<tr>

<td align="center" valign="middle">55
€<br>

</td>

<td align="center" valign="middle">15
€</td>

<td align="center" valign="middle">40
€</td>

<td align="center" valign="middle">40
€</td>

</tr>

</tbody>
</table>

</body>
</html>
][/code]

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1) Gecko/20061010 Firefox/2.0

chatagnin · Message par **chatagnin** » 02 déc. 2006, 17:58

Pour préciser ma question, après avoir modifié la taille de mes images de manière à éviter d'avoir une barre de défilement horizontale, l'affichage du tableau et des images se fait bien dans IE, SAUF QUE quand j'affiche le bandeau gauche des favoris ,tout disparait à nouveau

Je pense que la question est: comment faire pour que le tableau veuille bien se déplacer sur la droite ?

Alors que tout se passe normalement quand je consulte ma pege sur FF !!!

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1) Gecko/20061010 Firefox/2.0

Mongo Bob · Message par **Mongo Bob** » 02 déc. 2006, 18:22

Ca ne doit pas avoir de rapport mais tu n'utilises pas du tout <dl> et <dd> selon leur signification première, d'ailleurs il manque <dt> qui va avec les 2 précédents. Tu les utilises pour créer un menu, pour un menu tu devrais préférer <ul> et <li> ou <ol> et <li>.
<dl> et <dd> sont pour des définitions exposées en binôme, + exactement, <dl> ouvre la définition comme <ul> ou <ol> ouvre la liste constituée de <li>, après <dl> par contre, au lieu de chaque <li>, on met un couple fait de <dt> = nom de ce qui doit être défini, suivi de <dd> = contenu de la définition elle-même.
Bon, ton problème est avec ton tableau, attention quand même à ça :

Les navigateurs rendent les listes de définition de façon légèrement différente. Globalement, dl génère un espace avant et après, et le texte de dd est décalé vers la droite.

extrait de là :
http://www.laurent-bernat.com/html-balises.php3?quoi=dl

chatagnin a écrit :j'essaie de trouver une solution simple qui m'évite de reprendre tout à zéro

Oui mais... sur ce forum, les défenseurs des tableaux qui pourraient avoir une idée, plutôt sur l'autre forum Développement web? Bon, je vais copier ton code et essayer qui sait... Bon courage.

Mongo Bob · Message par **Mongo Bob** » 02 déc. 2006, 18:38

Aïe!
Tu as mis une feuille de style css et tu fais du style html dans le html en + que du style css dans le html aussi!

Code : Tout sélectionner

<table style="text-align: left; width: 100px;" border="1" cellpadding="2" cellspacing="2">

Ci-dessus, "table style" annonce du css dans le code html, absurde mais ça marche quand même (tu as un émule dans un autre post : leeloo06110), "text-align: left;" c'est du css, mais "cellpadding="2" " c'est une syntaxe de style html. IL FAUT CHOISIR, et la seule bonne façon, c'est que du css et dans l'en-tête uniquement, entre <head> et </head> ou mieux en externe. Je suis désolé, il faut que tu homogénéises tout ça, tu vas plus t'y retrouver après, alors pour régler ton pb d'affichage tableau, ça serait mal barré.

Geckozone

affichage tableau dans IE

affichage tableau dans IE

aneffet

TABLEAU

Qui est en ligne ?