Problème d' apparence sous IE uniquement

krystof · Message par **krystof** » 27 mars 2007, 10:04

Bonjour !
Encore un problème !
J' ai effectué quelques modifications sur une page et voilà que j' ai une bonne partie de ma page qui se décale à droite mais uniquement sous internet explorer.
Je ne trouve pas de solution à ceci.
Je mets l' adresse de la page.
http://chrisllers.free.fr/traitementvideo.html
Merci à vous.

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; Maxthon; .NET CLR 1.1.4322)

Message par **myahoo** » 27 mars 2007, 14:30

Effectivement, il n'y a aucun souci de code source sur ta page (voir ici). Par contre pour ce cadrage, ce doit être une histoire d'interprétation de la part du navigateur : par rapport à Firefox, Opera décale un peu, et Internet Explorer beaucoup

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr-FR; rv:1.8.1.3) Gecko/20070309 Firefox/2.0.0.3

Mongo Bob · Message par **Mongo Bob** » 27 mars 2007, 17:02

Il y a 93 avertissemenst de Tidy, tous les mêmes : "trimming empty <span>", je comprends pas comment W3C valide OK. Pour moi, les différences d'interprétation par les navigateurs peuvent avoir 2 raisons :
- erreurs de code (malgré le OK du validateur)
- tableau : une mise en pages par tableaux est mal comprise par les navigateurs, surtout s'ils contiennent des images, ce qui est le cas ici.
Il y a des images pour faire les fonds dégradés derrière les textes, incluses dans les <td>, ça, ça donne jamais un bon comportement, les tableaux ne sont pas faits pour contenir des images.
C'est pour ça que ça décale plus ou moins.

"trimming empty span" : c'est à dire qu'il ya des span supposés appliquer une mise en forme, qui sont refermés sans entourer le moindre texte :

Code : Tout sélectionner

<span style="text-decoration: underline; font-style: italic; font-weight: bold;"></span>

(ligne 7, 28, 31, 37 etc...) on les voit trés bien avec l'extension HTML validator.
Ca devrait quand même pas aider les navigateurs à afficher correctement? Non? Ceci dit, encore une fois, il a la validation, ce sont pas des erreurs, que des avertissements!
Bon, krystof, il faudrait que tu nettoies ton code avec Tidy. Voici un bout de ton code :

Code : Tout sélectionner

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1"><title>traitement vidéo</title></head>
<body style="color: rgb(192, 192, 192); background-color: rgb(0, 0, 0);" alink="#ff0000" link="#ff0000" vlink="#ff0000"><div style="text-align: center;"><div style="text-align: left;"><br></div><table style="text-align: left; width: 949px; height: 32px;" border="0"><tbody><tr><td style="font-style: italic; font-weight: bold; text-align: center; color: rgb(255, 0, 0); width: 97px;"><a href="../index.html"><span style="text-decoration: underline;">Accueil</span></a></td>
<td style="text-align: center; text-decoration: underline; font-style: italic; font-weight: bold; width: 121px;"><a href="traitementvideo.html">Vidéo</a></td> <td style="text-align: center; text-decoration: underline; font-style: italic; font-weight: bold; width: 101px;"><a href="traitementaudio.html">Audio</a></td>
<td style="text-align: center; width: 207px;"><a href="commentcamarche.html"><span style="font-style: italic; text-decoration: underline; font-weight: bold;">Comment
ça marche</span></a></td><td style="text-align: center; width: 108px;"><a href="lexique.html"><span style="font-weight: bold; font-style: italic; text-decoration: underline;">Lexique</span></a></td><td style="text-align: center; width: 135px;"><span style="text-decoration: underline; font-style: italic;

et là-dessous le même, nettoyé :

Code : Tout sélectionner

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>traitement vidéo</title>
</head>
<body style=
"color: rgb(192, 192, 192); background-color: rgb(0, 0, 0);" alink=
"#FF0000" link="#FF0000" vlink="#FF0000">
<div style="text-align: center;">
<div style="text-align: left;"><br></div>
<table style="text-align: left; width: 949px; height: 32px;"
border="0">
<tbody>
<tr>
<td style=
"font-style: italic; font-weight: bold; text-align: center; color: rgb(255, 0, 0); width: 97px;">
<a href="../index.html"><span style=
"text-decoration: underline;">Accueil</span></a></td>
<td style=
"text-align: center; text-decoration: underline; font-style: italic; font-weight: bold; width: 121px;">

<a href="traitementvideo.html">Vidéo</a></td>
<td style=
"text-align: center; text-decoration: underline; font-style: italic; font-weight: bold; width: 101px;">
<a href="traitementaudio.html">Audio</a></td>
<td style="text-align: center; width: 207px;"><a href=
"commentcamarche.html"><span style=
"font-style: italic; text-decoration: underline; font-weight: bold;">
Comment ça marche</span></a></td>
<td style="text-align: center; width: 108px;"><a href=
"lexique.html"><span style=
"font-weight: bold; font-style: italic;

Utilise Kompozer plutôt que NVU, nettoie ton code, toutes les explis sont là, merci chinon37 :
http://www.geckozone.org/forum/viewtopic.php?t=51228
Et euh... quand tu auras fait tout ça, ben, abandonne les tableaux, ou alors ne mets aucune image dedans, rien que du texte. D'ailleurs, fais déjà l'essai de virer les images de dégradés et tu verras que tu n'auras plus de décalage, mais si tu veux les garder alors, pas de tableaux, des blocs, div ou autres qui remplacent les cellules et le reste, simplifie-toi la vie!
Bon courage.

krystof · Message par **krystof** » 27 mars 2007, 22:03

Merci à vous.
Ce décalage est intervenu alors que j' avais fait une petite modif, avant, c' était très bien.
Alors je ne sais pas si les tableau sont réellement en cause, même ça ne doit pas arranger les choses.
J' utilise actuellement KPZ

"trimming empty span" : c'est à dire qu'il ya des span supposés appliquer une mise en forme, qui sont refermés sans entourer le moindre texte :

Je ne l' ai vu que sur la 37.

Ca devrait quand même pas aider les navigateurs à afficher correctement? Non?

C' est clair mais quand t' es incapable de déchiffrer un code comme moi, c' est bien pour ça que tu utilises un programme comme NVU.

Voici un bout de ton code :

Je l' a copié et rien ne s' affiche, la page est blanche.
Pour tidy, je regarderai demain.

Et euh... quand tu auras fait tout ça, ben, abandonne les tableaux, ou alors ne mets aucune image dedans, rien que du texte.

Et je fais comment ? avec le css ? j' en ai mal à la tête rien que d' y penser !

mais si tu veux les garder alors, pas de tableaux, des blocs, div ou autres qui remplacent les cellules et le reste, simplifie-toi la vie!

Il faut que je remplace les tableau pas des div ?
.......en gros il faut que je recommence tout ........
Ouaip.....ben je crois que le seul courage que je vais trouver c' est celui de tout laisser tomber.....

Mongo Bob · Message par **Mongo Bob** » 27 mars 2007, 22:35

krystof a écrit :Ce décalage est intervenu alors que j' avais fait une petite modif, avant, c' était très bien.

Tu sais plus laquelle?

krystof a écrit :Et je fais comment ? avec le css ? j' en ai mal à la tête rien que d' y penser !

Bon, mais essaie au moins ça, pour voir :

Mongo Bob a écrit :fais déjà l'essai de virer les images de dégradés et tu verras que tu n'auras plus de décalage

Je m'avance un peu, mais essaie : garde ton tableau, mais sans images. Après, on verra!

krystof a écrit :Ouaip.....ben je crois que le seul courage que je vais trouver c' est celui de tout laisser tomber.....

Hein? C'est une blague?! J'ai besoin de conseils en vidéo, moi!

<hs>Il y a mieux que Néodivx pour faire des divx à partir de dvd?</hs>

krystof · Message par **krystof** » 27 mars 2007, 23:26

Tu sais plus laquelle?

Pas vraiment, mais il me semble que j' avais essayé de réadapter les marges de droite du texte d' introduction.

Bon, mais essaie au moins ça, pour voir :
Je m'avance un peu, mais essaie : garde ton tableau, mais sans images. Après, on verra!

Je vais essayer pour voir, mais j' aimerai bien les garder ces petits dégradés.

<hs>Il y a mieux que Néodivx pour faire des divx à partir de dvd?</hs>

Mieux je ne sais pas je ne l' utilise pas, quels programmes utilise t' il ?
J' utilise Gordian Knot, tout est configurable et ça fait vraiment du bon boulot. Il encode avec Vdubmod à partir de fichier d2v.
Après je n' utilise pas DivX mais XviD que je recommande d' ailleurs, je ne comprends pas pourquoi on utlise majoritairement DivX mais c' est un autre problème.

*******************
EDIT : je viens d' essayer de virer les images de fond de tableau, ça n' a rien changé, je te mets la page :
http://chrisllers.free.fr/azer.html
********************

Tancrede · Message par **Tancrede** » 28 mars 2007, 09:20

Hello,

Ouah ! C'est vrai que ton code source n'est pas très très joli... Il faut te mettre au css

Je commencerai par nettoyer tes premières lignes et notamment celles qui concernent le <body> (je pense que ça vient de là)

Ton code :

Code : Tout sélectionner

<body style="color: rgb(192, 192, 192); background-color: rgb(0, 0, 0);" alink="#ff0000" link="#ff0000" vlink="#ff0000"><div style="text-align: center;"><div style="text-align: left;"><br></div>

Heu là y'a comme un souci !

Enlève

Code : Tout sélectionner

<div style="text-align: center;">

Tiens moi au courant

@ +

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.3) Gecko/20070309 Firefox/2.0.0.3

Tancrede · Message par **Tancrede** » 28 mars 2007, 09:25

Oups, désolé, j'ai oublié une information (ça m'apprendra à pas m'inscrire et de ne pouvoir éditer mes messages...)

Il faut aussi enlever le

Code : Tout sélectionner

<br></div>

qu'il y a après

Code : Tout sélectionner

<div style="text-align: left;">

++

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.3) Gecko/20070309 Firefox/2.0.0.3

Tancrede · Message par **Tancrede** » 28 mars 2007, 09:58

Re, (oui je me suis inscrit du coup

)

Voilà, oubli ce que je t'ai dit avant, ça ne marche pas.
En revanche, ce qui marche chez moi c'est ça :

Tu peux faire un copié/collé de ce code :

Code : Tout sélectionner

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html
 xmlns="http://www.w3.org/1999/xhtml" lang="fr-fr"><head>
<meta http-equiv="content-type"
 content="text/html; charset=ISO-8859-1" /><title>traitement
vidéo</title></head>
<body
 style="color: rgb(192, 192, 192); background-color: rgb(0, 0, 0);"
 alink="#ff0000" link="#ff0000" vlink="#ff0000"><table
 style="text-align: left; width: 949px; height: 32px;" border="0"><tbody><tr><td
 style="font-style: italic; font-weight: bold; text-align: center; color: rgb(255, 0, 0); width: 97px;"><a
 href="../index.html"><span
 style="text-decoration: underline;">Accueil</span></a></td>
<td
 style="text-align: center; text-decoration: underline; font-style: italic; font-weight: bold; width: 121px;"><a
 href="traitementvideo.html">Vidéo</a></td> <td
 style="text-align: center; text-decoration: underline; font-style: italic; font-weight: bold; width: 101px;"><a
 href="traitementaudio.html">Audio</a></td> <td
 style="text-align: center; width: 207px;"><a
 href="commentcamarche.html"><span
 style="font-style: italic; text-decoration: underline; font-weight: bold;">Comment
ça marche</span></a></td><td
 style="text-align: center; width: 108px;"><a
 href="lexique.html"><span
 style="font-weight: bold; font-style: italic; text-decoration: underline;">Lexique</span></a></td><td
 style="text-align: center; width: 135px;"><span
 style="text-decoration: underline; font-style: italic; font-weight: bold;"></span><a
 href="problemes.html"><span
 style="font-weight: bold; font-style: italic; text-decoration: underline;">Les
problèmes</span></a></td><td
 style="text-align: center; width: 134px;"><a
 href="astuces.html"><span
 style="font-weight: bold; text-decoration: underline; font-style: italic;">Astuces
diverses</span></a></td> </tr> </tbody>
</table><br /><br /><div
 style="text-align: center;"><big
 style="font-weight: bold; text-decoration: underline;"><big>TRAITEMENT
VIDEO</big></big><span
 style="text-decoration: underline;"><span
 style="font-weight: bold;"><br />
</span></span><br /><big
 style="font-weight: bold; text-decoration: underline;"><big><br /><br /></big></big><big
 style="font-weight: bold; text-decoration: underline;"><big><br /><img
 style="width: 91px; height: 25px; position: absolute; top: 112px; left: 82px;"
 alt="" src="../photos/divx.jpg" /></big></big><br /><div
 style="text-align: left; margin-left: 41px; width: 917px;"><big
 style="font-weight: bold; text-decoration: underline;"><big><img
 style="position: absolute; width: 83px; height: 30px; top: 148px; left: 129px;"
 alt="" src="../photos/xvidmod.jpg" /></big></big></div>&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; <big>Vous
trouverez ici quelques astuces qui vous permettrons d' effectuer
quelques manipulations sur vos&nbsp;vidéos préférées, qu' elles
soient stockées sur DVD, CD ou vôtre disque dur. Pour des modifications
concernant l' audio d' une vidéo, reportez vous à la rubrique <a
 href="traitementaudio.html"><span
 style="font-style: italic;">Audio</span> </a></big></div>
<div style="text-align: left; margin-left: 41px; width: 917px;"><big>Des
liens
de téléchargements seront
proposés afin
de vous munir de quelques redoutables logiciels totalement gratuits.<br />De
plus amples informations
vous seront
fournit dans ces tutoriels ainsi que la rubrique "Comment ça marche"
accessible dans le menu pricipal du haut de chaque page ou en
cliquant sur "plus d' infos ".<br /><br /><img
 style="width: 120px; height: 83px; position: absolute; top: 124px; left: 718px;"
 alt="" src="../photos/platine2.jpeg" /></big><div
 style="text-align: left;"><table
 style="text-align: left; margin-left: 35px; width: 926px; height: 44px;"><tbody><tr
 style="background-color: rgb(0, 0, 0);"><td
 style="width: 432px; background-position: left top; background-repeat: no-repeat; background-image: url(../photos/degradeentree.jpg); height: 40px; text-align: left;">
<a name="page2dvdsurpc"></a>&nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp;&nbsp; <span style="text-decoration: underline;"><span
 style="font-weight: bold;">Les tutoriels:</span></span></td>

Je précise que ce n'est pas le code de toute ta page, mais juste les 80 premières lignes environs.

Chez moi, sous IE7, le problème est résolu.
Et pour toi?

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.3) Gecko/20070309 Firefox/2.0.0.3

krystof · Message par **krystof** » 28 mars 2007, 10:18

Salut et merci, mais le problème est toujours le même pour moi.
Je mets un lien vers la page avec le code que tu m' as donné :
http://chrisllers.free.fr/azer.html
Chez moi c' est toujours aligné sur le bord droit.

Tancrede · Message par **Tancrede** » 28 mars 2007, 10:32

Re,

je suis allé voir ton lien et chez moi pas de soucis avec IE7 et IE6, c'est bien centré à gauche.

Quelqu'un d'autre pour aller voir?

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.3) Gecko/20070309 Firefox/2.0.0.3

Mongo Bob · Message par **Mongo Bob** » 28 mars 2007, 11:09

Oui, pas de problème, IE6 + Opéra + FF affichent à gauche, rigoureusement le même affichage, FF :

IE6 :

Opéra :

(ouf! La galère pour mettre les images en ligne, la prochaine fois ça ira + vite)
Tancrede a raison : il faut absolument virer les div qui ne contiennent qu'un <br>, tu as dû te planter dans l'interface de KPZ (trompeur le wysiwyg, on fait pas ce genre d'erreurs en tapant le code).
Bon. Si tu as un affichage décalé sans les images, c'est que tu dois vider le cache de ton (tes) navigateurs, je suppose. La preuve, sans les images, c'est déjà mieux.
Bon courage.

Tancrede · Message par **Tancrede** » 28 mars 2007, 12:01

Re,

pfiouuuu ! Bon j'ai nettoyé un peu le code de toute ta page cette fois ci (oui c'est le printemps, j'ai envie d'être sympa

)

Bah y'avait du boulot ! Je sais pas comment Kpz à pu faire un truc pareil.

C'est pas valide w3c, mais pas loin (quelques bricoles, trois fois rien)

Voilà le code :

Code : Tout sélectionner

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html
 xmlns="http://www.w3.org/1999/xhtml" lang="fr-fr"><head>
<meta http-equiv="content-type"
 content="text/html; charset=ISO-8859-1" /><title>traitement
vidéo</title></head>
<body
 style="color: rgb(192, 192, 192); background-color: rgb(0, 0, 0);"
 alink="#ff0000" link="#ff0000" vlink="#ff0000"><table
 style="text-align: left; width: 949px; height: 32px;" border="0"><tbody><tr><td
 style="font-style: italic; font-weight: bold; text-align: center; color: rgb(255, 0, 0); width: 97px;"><a
 href="../index.html"><span
 style="text-decoration: underline;">Accueil</span></a></td>
<td
 style="text-align: center; text-decoration: underline; font-style: italic; font-weight: bold; width: 121px;"><a
 href="traitementvideo.html">Vidéo</a></td> <td
 style="text-align: center; text-decoration: underline; font-style: italic; font-weight: bold; width: 101px;"><a
 href="traitementaudio.html">Audio</a></td> <td
 style="text-align: center; width: 207px;"><a
 href="commentcamarche.html"><span
 style="font-style: italic; text-decoration: underline; font-weight: bold;">Comment
ça marche</span></a></td><td
 style="text-align: center; width: 108px;"><a
 href="lexique.html"><span
 style="font-weight: bold; font-style: italic; text-decoration: underline;">Lexique</span></a></td><td
 style="text-align: center; width: 135px;"><span
 style="text-decoration: underline; font-style: italic; font-weight: bold;"></span><a
 href="problemes.html"><span
 style="font-weight: bold; font-style: italic; text-decoration: underline;">Les
problèmes</span></a></td><td
 style="text-align: center; width: 134px;"><a
 href="astuces.html"><span
 style="font-weight: bold; text-decoration: underline; font-style: italic;">Astuces
diverses</span></a></td> </tr> </tbody>
</table><br /><br /><div
 style="text-align: center;"><big
 style="font-weight: bold; text-decoration: underline;"><big>TRAITEMENT
VIDEO</big></big><br /><br /><br /><br /><img
 style="width: 91px; height: 25px; position: absolute; top: 112px; left: 82px;"
 alt="" src="../photos/divx.jpg" /><br /><br /><br /></div><div
 style="text-align: justify; margin-left: 41px; width: 917px;"><img
 style="position: absolute; width: 83px; height: 30px; top: 148px; left: 129px;"
 alt="" src="../photos/xvidmod.jpg" /><big>
Vous
trouverez ici quelques astuces qui vous permettrons d' effectuer
quelques manipulations sur vos&nbsp;vidéos préférées, qu' elles
soient
stockées sur DVD, CD ou vôtre disque dur. Pour des modifications
concernant l' audio d' une vidéo, reportez vous à la rubrique <a
 href="traitementaudio.html"><span
 style="font-style: italic;">Audio</span> </a></big>
<big>Des
liens de téléchargements seront proposés afin de vous munir de quelques
redoutables logiciels totalement gratuits.<br />De
plus amples informations vous seront fournit dans ces tutoriels ainsi
que la rubrique "Comment ça marche" accessible dans le menu pricipal du
haut de chaque page ou en cliquant sur "plus d' infos ".<br /><br /><img
 style="width: 120px; height: 83px; position: absolute; top: 124px; left: 718px;"
 alt="" src="../photos/platine2.jpeg" /></big></div>
<table
 style="text-align: left; margin-left: 35px; width: 926px; height: 44px;"><tbody><tr
 style="background-color: rgb(0, 0, 0);"><td
 style="width: 432px; background-position: left top; background-repeat: no-repeat; height: 40px; text-align: left;">&nbsp;
&nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp;&nbsp; <span style="text-decoration: underline;"><span
 style="font-weight: bold;">Les tutoriels:</span></span></td>
<td
 style="text-decoration: underline; text-align: center; background-repeat: no-repeat; background-position: center top; width: 301px; color: rgb(204, 204, 204); height: 40px; opacity: 0.981;"></td><td
 style="text-align: center; background-repeat: no-repeat; background-position: right top; width: 171px;">Logiciels
utilisés</td>
</tr></tbody></table><table
 style="text-align: left; margin-left: 35px; height: 103px; width: 926px;"><tbody><tr><td
 style="text-align: center; background-repeat: no-repeat; height: 50px; width: 432px;"><ul><li><span
 style="font-weight: bold; text-decoration: underline;">Faire
une copie d'
un DVD sur vôtre disque dur</span></li>
</ul></td><td
 style="text-decoration: underline; text-align: center; background-repeat: no-repeat; background-position: center top; height: 50px; width: 301px; color: rgb(204, 204, 204);">la
vidéo (
wmv&nbsp;)</td>
<td
 style="text-align: center; background-repeat: no-repeat; background-position: right top; height: 50px; width: 171px;"><a
 href="http://www.01net.com/telecharger/windows/Multimedia/encodeurs_et_decodeurs/fiches/26719.html"
 target="_blank"><span
 style="text-decoration: underline; font-weight: bold; color: rgb(204, 204, 204);">GORDIAN
KNOT</span><span
 style="text-decoration: underline; font-weight: bold;"><br />
</span><span style="color: rgb(204, 204, 204);"><span
 style="text-decoration: underline; font-style: italic;">télécharger
ici</span></span></a></td>
</tr><tr><td colspan="1"
 style="height: 45px; width: 432px; text-align: center;">Extraction
d' un
DVD vers le disque dur puis compression audio et vidéo</td>
<td colspan="1">- <a style="color: rgb(204, 204, 204);"
 href="commentcamarche#Faire_une_copie_d_un_DVD_sur_v%F4tre_"><span
 style="text-decoration: underline; font-style: italic;">plus
d'
infos</span></a><br />
- <a style="color: rgb(204, 204, 204);"
 href="problemes.html#dvddisquedur"><span
 style="text-decoration: underline; font-style: italic;">problèmes
parfois rencontrés</span></a><br />
</td><td></td></tr></tbody></table><table
 style="text-align: left; margin-left: 35px; width: 926px; height: 97px;"><tbody><tr><td
 style="text-align: center; background-repeat: no-repeat; width: 432px; height: 50px;"><ul><li><span
 style="font-weight: bold; text-decoration: underline;">Extraire
le
contenu d' un DVD avec DVDFABDECRYPTER</span></li>
</ul></td><td
 style="text-decoration: underline; text-align: center; background-repeat: no-repeat; background-position: center top; width: 301px; height: 50px; color: rgb(204, 204, 204);">la
vidéo ( wmv&nbsp;)</td>
<td
 style="text-align: center; background-repeat: no-repeat; background-position: right top; width: 171px; height: 50px;"><a
 style="color: rgb(204, 204, 204);"
 href="http://www.dvdidle.com/fr/free.htm" target="_blank"><span
 style="font-weight: bold; text-decoration: underline;">DVDFABDECRYPTER</span><br />
</a> <a style="color: rgb(204, 204, 204);"
 href="http://www.dvdidle.com/fr/free.htm" target="_blank"><span
 style="font-style: italic; text-decoration: underline;">télécharger
ici</span></a></td>
</tr><tr><td colspan="1"
 style="width: 432px; height: 45px; text-align: center;">Séléctionner
et extraire les différents flux
d' un DVD ( audio, vidéo,etc ) sur vôtre disque
dur</td>
<td style="height: 45px;" colspan="1">-&nbsp; <a
 style="color: rgb(204, 204, 204);"
 href="commentcamarche#extrairelecontenudundvd"><span
 style="font-style: italic; text-decoration: underline;">plus
d'
infos</span></a>
<div style="text-align: left;">-<a
 style="color: rgb(204, 204, 204);"
 href="problemes.html#dvddisquedur"><span
 style="font-style: italic; text-decoration: underline;">problèmes
parfois rencontrés</span></a></div>
</td><td style="height: 45px;"></td></tr></tbody></table><table
 style="text-align: left; margin-left: 35px; height: 103px; width: 926px;"><tbody><tr><td
 style="text-align: center; background-repeat: no-repeat; height: 50px; width: 432px;"><ul><li><span
 style="text-decoration: underline;"><span
 style="font-weight: bold;">Compresser une vidéo</span></span></li>
</ul></td><td
 style="text-decoration: underline; text-align: center; background-repeat: no-repeat; background-position: center top; height: 50px; width: 304px;">la
vidéo ( wmv&nbsp;)</td>
<td
 style="text-align: center; background-repeat: no-repeat; background-position: right top; height: 50px; width: 167px;"><a
 style="color: rgb(204, 204, 204);"
 href="http://www.01net.com/windows/Multimedia/encodeurs_et_decodeurs/fiches/8694.html"
 target="_blank"><span
 style="font-weight: bold; text-decoration: underline;">VIRTUALDUB</span><br />
</a> <a style="color: rgb(204, 204, 204);"
 href="http://www.01net.com/windows/Multimedia/encodeurs_et_decodeurs/fiches/8694.html"
 target="_blank"><span
 style="font-style: italic; text-decoration: underline;">télécharger
ici</span></a></td>
</tr><tr><td colspan="1"
 style="height: 45px; width: 432px; text-align: center;">Diminuer
l'
espace mémoire d' une vidéo présente sur
vôtre ordinateur&nbsp;<br />
</td><td style="width: 304px;" colspan="1">- <a
 style="color: rgb(204, 204, 204);"
 href="commentcamarche#compresserunevideo"><span
 style="font-style: italic; text-decoration: underline;">plus
d'
infos</span></a><br />
- <a style="color: rgb(204, 204, 204);"
 href="problemes.html#ouverturevirtualdub"><span
 style="font-style: italic; text-decoration: underline;">problèmes
parfois rencontrés</span></a></td>
<td style="width: 167px;" colspan="1"></td></tr></tbody></table><br /><table
 style="text-align: left; margin-left: 35px; height: 103px; width: 926px;"><tbody><tr><td
 style="text-align: center; background-repeat: no-repeat; height: 50px; width: 432px;"><ul><li><span
 style="text-decoration: underline;"><span
 style="font-weight: bold;">Assembler des vidéos
avi</span></span></li>
</ul></td><td
 style="text-decoration: underline; text-align: center; background-repeat: no-repeat; background-position: center top; height: 50px; width: 304px;">la
vidéo ( wmv&nbsp;)</td>
<td
 style="text-align: center; background-repeat: no-repeat; background-position: right top; height: 50px; width: 167px;"><a
 style="color: rgb(204, 204, 204);"
 href="http://www.01net.com/windows/Multimedia/encodeurs_et_decodeurs/fiches/8694.html"
 target="_blank"><span
 style="font-weight: bold; text-decoration: underline;">VIRTUALDUB</span><br />
</a> <a style="color: rgb(204, 204, 204);"
 href="http://www.01net.com/windows/Multimedia/encodeurs_et_decodeurs/fiches/8694.html"
 target="_blank"><span
 style="font-style: italic; text-decoration: underline;">télécharger
ici</span></a></td>
</tr><tr><td colspan="1"
 style="height: 45px; width: 432px; text-align: center;">&nbsp;Assembler
plusieurs extraits vidéo grâce à Virtualdub<br />
</td><td style="width: 304px;" colspan="1">- <a
 style="color: rgb(204, 204, 204);"
 href="problemes.html#ouverturevirtualdub"><span
 style="font-style: italic; text-decoration: underline;">problèmes
parfois rencontrés</span></a></td>
<td style="width: 167px;" colspan="1"></td></tr></tbody></table><br /><table
 style="text-align: left; margin-left: 35px; height: 103px; width: 926px;"><tbody><tr><td
 style="text-align: center; background-repeat: no-repeat; height: 50px; width: 432px;"><ul><li><span
 style="text-decoration: underline;"><span
 style="font-weight: bold;">Désentrelacer une
vidéo</span></span></li>
</ul></td><td
 style="text-decoration: underline; text-align: center; background-repeat: no-repeat; background-position: center top; height: 50px; width: 301px;">la
vidéo ( wmv&nbsp;)</td>
<td
 style="text-align: center; background-repeat: no-repeat; background-position: right top; height: 50px; width: 171px;"><a
 style="color: rgb(204, 204, 204);"
 href="http://www.01net.com/windows/Multimedia/encodeurs_et_decodeurs/fiches/8694.html"
 target="_blank"><span
 style="font-weight: bold; text-decoration: underline;">VIRTUALDUB</span><br />
</a> <a style="color: rgb(204, 204, 204);"
 href="http://www.01net.com/windows/Multimedia/encodeurs_et_decodeurs/fiches/8694.html"
 target="_blank"><span
 style="font-style: italic; text-decoration: underline;">télécharger
ici</span></a></td>
</tr><tr><td colspan="1"
 style="height: 45px; width: 432px; text-align: center;">Supprimer
l'
effet peigne d' une vidéo</td>
<td colspan="1">- <a style="color: rgb(204, 204, 204);"
 href="commentcamarche#desentrelacerunevideo"><span
 style="font-style: italic; text-decoration: underline;">plus
d'
infos</span></a><br />
- <a style="color: rgb(204, 204, 204);"
 href="problemes.html#ouverturevirtualdub"><span
 style="font-style: italic; text-decoration: underline;">problèmes
parfois rencontrés</span></a></td>
<td></td></tr></tbody></table><table
 style="text-align: left; margin-left: 35px; width: 926px; height: 97px;"><tbody><tr><td
 style="text-align: center; background-repeat: no-repeat; width: 432px; height: 50px;"><ul><li><span
 style="font-weight: bold; text-decoration: underline;">Changer
le format
d' une vidéo en .avi</span></li>
</ul></td><td
 style="text-decoration: underline; text-align: center; background-repeat: no-repeat; background-position: center top; width: 301px; height: 50px;">la
vidéo ( wmv&nbsp;)</td>
<td
 style="text-align: center; background-repeat: no-repeat; background-position: right top; width: 171px; height: 50px;"><a
 style="color: rgb(204, 204, 204);"
 href="http://www.01net.com/windows/Multimedia/encodeurs_et_decodeurs/fiches/8694.html"
 target="_blank"><span
 style="font-weight: bold; text-decoration: underline;">VIRTUALDUB</span><br />
</a> <a style="color: rgb(204, 204, 204);"
 href="http://www.01net.com/windows/Multimedia/encodeurs_et_decodeurs/fiches/8694.html"
 target="_blank"><span
 style="font-style: italic; text-decoration: underline;">télécharger
ici</span></a></td>
</tr><tr><td colspan="1"
 style="width: 432px; height: 45px; text-align: center;">Convertir
les
formats MOV, WMV, RM en avi ( DivX, Xvid etc )</td>
<td style="height: 45px;" colspan="1"><div
 style="text-align: left;">- <a
 style="color: rgb(204, 204, 204);"
 href="problemes.html#ouverturevirtualdub"><span
 style="font-style: italic; text-decoration: underline;">problèmes
parfois rencontrés</span></a></div>
</td><td style="height: 45px;"></td></tr></tbody></table><br /><table
 style="text-align: left; margin-left: 35px; width: 926px; height: 97px;"><tbody><tr><td
 style="text-align: center; background-repeat: no-repeat; width: 432px; height: 50px;"><ul><li><span
 style="font-weight: bold; text-decoration: underline;">Extraire
des
images d' une vidéo</span></li>
</ul></td><td
 style="text-decoration: underline; text-align: center; background-repeat: no-repeat; background-position: center top; width: 301px; height: 50px;">la
vidéo ( wmv&nbsp;)</td>
<td
 style="text-align: center; background-repeat: no-repeat; background-position: right top; width: 171px; height: 50px;"><a
 style="color: rgb(204, 204, 204);"
 href="http://www.01net.com/windows/Multimedia/encodeurs_et_decodeurs/fiches/8694.html"
 target="_blank"><span
 style="font-weight: bold; text-decoration: underline;">VIRTUALDUB</span><br />
</a> <a style="color: rgb(204, 204, 204);"
 href="http://www.01net.com/windows/Multimedia/encodeurs_et_decodeurs/fiches/8694.html"
 target="_blank"><span
 style="font-style: italic; text-decoration: underline;">télécharger
ici</span></a></td>
</tr><tr><td colspan="1"
 style="width: 432px; height: 45px; text-align: center;">Isoler
et
enregistrer sous forme de photos une ou plusieurs images d' une
vidéo<br />
</td><td style="height: 45px;" colspan="1"><div
 style="text-align: left;">- <a
 style="color: rgb(204, 204, 204);"
 href="problemes.html#ouverturevirtualdub"><span
 style="font-style: italic; text-decoration: underline;">problèmes
parfois rencontrés</span></a></div>
</td><td style="height: 45px;"></td></tr></tbody></table><br /><table
 style="text-align: left; margin-left: 35px; width: 926px; height: 97px;"><tbody><tr><td
 style="text-align: center; background-repeat: no-repeat; width: 432px; height: 50px;"><ul><li><span
 style="font-weight: bold; text-decoration: underline;">Changer
la taille
d' une vidéo</span></li>
</ul></td><td
 style="text-decoration: underline; text-align: center; background-repeat: no-repeat; background-position: center top; width: 301px; height: 50px;">la
vidéo ( wmv&nbsp;)</td>
<td
 style="text-align: center; background-repeat: no-repeat; background-position: right top; width: 171px; height: 50px;"><a
 style="color: rgb(204, 204, 204);"
 href="http://www.01net.com/windows/Multimedia/encodeurs_et_decodeurs/fiches/8694.html"
 target="_blank"><span
 style="font-weight: bold; text-decoration: underline;">VIRTUALDUB</span><br />
</a> <a style="color: rgb(204, 204, 204);"
 href="http://www.01net.com/windows/Multimedia/encodeurs_et_decodeurs/fiches/8694.html"
 target="_blank"><span
 style="font-style: italic; text-decoration: underline;">télécharger
ici</span></a></td>
</tr><tr><td colspan="1"
 style="width: 432px; height: 45px; text-align: center;">Augmentter
/
diminuer la hauteur et la largeur d' un vidéo<br />
</td><td style="height: 45px;" colspan="1"><div
 style="text-align: left;">- <a
 style="color: rgb(204, 204, 204);"
 href="commentcamarche.html#changerlatailledunevideo"><span
 style="font-style: italic; text-decoration: underline;">plus
d'
infos</span></a><br />
- <a style="color: rgb(204, 204, 204);"
 href="problemes.html#ouverturevirtualdub"><span
 style="font-style: italic; text-decoration: underline;">problèmes
parfois rencontrés</span></a></div>
</td><td style="height: 45px;"></td></tr></tbody></table></body></html>

Pense en effet à vider le cache de ton navigateur.

Et cette fois, c'est bon chez toi?

@ +

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.3) Gecko/20070309 Firefox/2.0.0.3

krystof · Message par **krystof** » 28 mars 2007, 12:06

Bon, moi je ne comprends rien.
Il n' y a pas deux PC sur lequel il y a le même affichage.
Merci beaucoup, c' est super sympa mais j' ai déjà refait la page à partir d' une autre, ç' est à peu près rentré dans l' ordre.Je vais tout de même essayé ton code nettoyé
Par contre, je vois sur ta capture Mongo bob que les images ne sont pas comme chez moi.
Hier également, j' ai constaté chez quelqu' un d' autre sous IE 7 que les images passaient par dessus le titre.
Alors après avoir refais la page, j' ai ceci, et je voudrais que la page soit comme ceci chez tout le monde. :
voici le lien de la nouvelle page :
http://chrisllers.free.fr/traitementvideo.html
De quoi veint cette différence d' affichage ?
Des tableaux et images à l' intérieur ?

*****************
EDIT : pour vider le cache du navigateur on fait comment ?
J' utilise Ccleaner très régulièrement il me semble qu' il s' en charge non ?

Je mets une capture avec Opéra :

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; Maxthon; .NET CLR 1.1.4322)

Tancrede · Message par **Tancrede** » 28 mars 2007, 13:18

Sous opera pour vider le cache tu fais :

Outils >> Supprimer les imformations privées

As tu testé le code nettoyé que je te propose ?
(quand je dis que je l'ai un peu nettoyé, le mot est faible hein

)

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.3) Gecko/20070309 Firefox/2.0.0.3

Geckozone

Problème d' apparence sous IE uniquement

Problème d' apparence sous IE uniquement

Qui est en ligne ?