Discussion :

[canary]

Bonjour à tous!

Je développe un site web et j'ai un bug incroyable!
j'ai pourtant un mot coupé en plein milieu!

Je vous laisse constater ça sous IE (oui comme d'hab IE est la bête noire et FF le petit prince qui comprend tout...) :
clique ici pour voir le spectacle
faites défiler les images, ça dépend de quelle annonce... des fois ça passe! et des fois ça passe pas!

S'il y en a qui n'ont pas vu le bug, je vous met une petite image pour que ça soit plus clair.

Est-ce que vous pouvez m'aider svp??!
Merci beaucoup car là je suis sur le cul!lol
Aud-

[beeboo]

Salut,
Déjà, évite d'utiliser l'élément font, c'est complètement déclassé, utilise plutôt un style au niveau du td, cela simplifiera ton code et à la limite remplace tes font par des span.
Dans ton code on trouve des trucs comme ça (j'ai mis à la ligne et des indentations pour y voir plus clair) :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
 
<td valign=top>
  <a style="text-decoration: none" onclick="afficher(0)" href=#>
    <img height=65 src="./images_site/imagevide.gif" border=0>
    <center>
    <font style="font-family:Arial;font-size:12px;color:#FFFF00;text-decoration:none">
    <b>
    F2 
  </a>
  &nbsp;
</td>

et ceci pour chaque colonne, ça fait très lourd (en plus les center, b et font ne sont pas fermés)

Je te propose de recoder de cette manière, par exemple.
CSS:

Code CSS :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
td.liste {
  vertical-align:top;
  font-family:Arial;
  font-size:12px;
  color:#FFFF00;
  text-decoration:none;
  text-align:center;
}
 
td.liste a {
  color:#FFFF00;
  text-decoration:none;
  font-weight:bold;
}  
 
tt.liste a img {
  border:none;
  height:65px;
}

HTML :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
<td class="liste">
  <a onclick="afficher(0)" href="#">
    <img  src="./images_site/imagevide.gif" alt="image vide" >
    F2
  </a>
</td>

Ainsi tu allègeras ta page d'environ 60 à 70% et tu pourras plus facilement t'y retrouver et il est fort possible que le 'bug' IE disparaisse.

[canary]

oki merci déjà

mais je ne vais pas reprendre tout le développement du site.. il est déjà en ligne et il n'y a plus que cela qui coince :s

une autre idée?
merci par avance.
aud-

[beeboo]

Eh bien utilise déjà cette technique pour le morceau de code concerné.
utilise un style en ligne pour le td et enlève les font, center, b de ce morceau.

[cowa]

Eh bien utilise déjà cette technique pour le morceau de code concerné.
utilise un style en ligne pour le td et enlève les font, center, b de ce morceau.

+1 pour beeboo, tu as ce bug car ton code n'est pas standard.
Sinon ajoute dans ton CSS

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

td.liste { white-space: nowrap; }

On ne sait jamais, peut-être que IE a vu un espace...

[RomainVALERI]

Par curiosité devant ce code : a-t-il été généré par un outil (comme dreamweaver, frontpage, etc.) ?

[FoxLeRenard]

En plus des remarques déjas faites, il est certain qu'un site qui a

des erreurs javascript
pas de DOCTYPE donc tout fonctionne enmode "réduit"

Tu dis que tu as terminé et que tu ne vas pas tout refaire, je te comprends, mais aprés tout ... pourquoi pas

Pour les erreurs javascript je veux bien t'aider, mais c'est non compatible avec certains navigateurs ....

[Erwan31]

Bonsoir,
commence par ajouter un doctype HTML 4.0 transitioonnal (voir la FAQ) pour
éviter que les navigateurs graphiques basculent en mode de compatibilité
descendante (mode non standard et plus permissif favorisant les différence de rendu d'un navigateur à l'autre).

[FoxLeRenard]

Bon coté javascript, les deux erreurs sont du a un nom de fonction qui as le même nom qu'une preload (image)

Tu n'as qua changé cela, dan toutes tes pages
chargeX au lieu de chargement qui est une fonction !

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
chargeX = new Image()
chargeX.src = "./images_site/chargement.jpg"
//============ ET PLUS LOIN=======
 
document.images.SlideShow.src = chargeX.src

Pour l'autre erreur javascript, il faut supprimé toutes les ocurences

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
     document.getElementById("pause").value='XXXXXX'

ça ne sert a rien et crée une erreur puisque aucun DIV ou TABLEAU n'a
ID=pause !!
Attention il y en a plusieurs avec pause !

[FoxLeRenard]

Pour la partie qui concerne le non retour a la ligne du texte, c' est sans doute tes deux générations de texte ou les FONT ne sont pas fermées

ORIGINAL ( a deux endroits)

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
document.getElementById("desc").innerHTML = '<font face=Arial color="#FFFF00"><b>' + txt[j] + '</b></font'
         document.getElementById("carac").innerHTML = '<font face=Arial color="#FFFF00"><center><b>' + carac[j] + '</b></font'

AU LIEU DE </font>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
document.getElementById("desc").innerHTML = '<font face=Arial color="#FFFF00"><b>' + txt[j] + '</b></font>';
         document.getElementById("carac").innerHTML = '<font face=Arial color="#FFFF00"><center><b>' + carac[j] + '</b></font>';