[HTML] Page HTML : un mot coupé

Bonjour à tous!

Je développe un site web et j'ai un bug incroyable! :aie:
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-

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:

---

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:

---

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:

---

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.

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-

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.

Citation:

---

Envoyé par 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.

---

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

Code:

---

td.liste { white-space: nowrap; }

---

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

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

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 :oops:

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

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).

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:

---

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:

---

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 !

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:

---

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:

---

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>';

---