11548 sujets

JavaScript, DOM et API Web HTML5

Bonjour

Je viens apporter la solution à un problème qui m'a bien obligé a réfléchir. Smiley cligne

Je ne pense pas qu'elle soit ailleurs dans le forum, j'ai fait des recherches avant de poster, mais nul n'est à l'abri d'une différence de mots clés... Smiley smile

Voila:

Le menu de mon site est affiché sous forme de boutons / images, qui changent légèrement de couleur avec un effet javascript "mouseover".

Dans la zone "titre" il y en a 3 sur la même ligne:
"accueil" , "infos" et "contact", sous lesquels sont les liens correspondants.

Sous ie j'avais un phénomène ennuyeux, alors que tout allait bien sous mozilla:
entre "accueil" et "infos" et entre "infos" et "contact" les liens se montraient sous la forme de 2 pixels bien visibles, côte a côte, écartant les boutons, et d'une couleur hors charte graphique de surcroît!

J'ai essayé des solutions présentées sur ce forum pour d'autres soucis d'affichage... je vous épargne la liste, rien ne corrigeait le problème.

J'ai essayé au contraire de rajouter des instructions au même endroit et au milieu de la nuit une solution empirique est apparue:

Insérer une remarque entre les boutons... Ca marche!


exemple de code qui fonctionne parfaitement:

a écrit :

<a href="accueil.html" alt="Accueil"
onmouseover="document.image3.src= '../Images/Boutons/accueilon.bmp'"
onmouseout="document.image3.src='../Images/Boutons/accueil.bmp' " target="_self">
<img name="image3" src="../Images/Boutons/accueil.bmp"
onload="tempImg=new Image(0,0); tempImg.src='../Images/Boutons/accueil.bmp'"></a>
<!-- Cette remarque empêche un BUG d'affichage entre les boutons sous ie6-->

<a href="infos.html" alt="infos" ... et ainsi de suite pour les boutons de la même ligne...


etc etc
Modifié par flyingvjlh (23 Mar 2006 - 14:25)
Administrateur
Bonjour et bienvenue,

aurais-tu une démonstration en ligne avec/sans sur la même page, ce serait beaucoup plus parlant Smiley smile

Felipe
Merci Felipe.

Mon site n'est pas encore "online", voici donc des copies d'écran:


Bug ON: (nb: il n'apparaît qu'après un clic sur un lien).

upload/5732-bugon.jpg

Bug OFF:

upload/5732-bugoff.jpg


J-L

ps: A propos de bug d'affichage: Smiley cligne pour que les couleurs soient naturelles (le jpg dégradait le rouge en violet) j'ai essayé l'upload en png ou gif:

Résultat:
upload/5732-bugon.png PNG
upload/5732-bugon.gif GIF

Je n'ai pas regardé si ça marchait en redimensionnant, juste retravaillé le rouge du jpg; donc pour voir la vraie copie d'écran vous pouvez cliquer sur un des rectangles Bleu...
ou Noir, au choix. Smiley lol
Modifié par flyingvjlh (01 Apr 2006 - 21:28)