Forums d'assistance et de discussion sur les logiciels produits par Mozilla ou créés à partir des technologies Mozilla. Ce site ne dépend pas de la fondation Mozilla et est maintenu par un collectif de bénévoles.
HTML5, CSS3, Javascript, support des mobiles... Que penser de votre site ? Vous manquez d'informations pour la construction d'un site qui puisse s'afficher correctement partout ? C'est un problème simple, un peu complexe ? Venez ici !
Bonjour à tous,
Je m'arrache les cheveux car mon menu sur MOZILLA ne marche qu'en partie (RAS sur IE):
Sur les 6 choix, seuls les 2 derniers fonctionnent (et cela sur plusieurs pages, avec different menu : il n y a que les 2 derniers choix qui fonctionne)
Je ne comprends pas pourquoi ce bug "partiel"... Merci de m'aidez!
<SCRIPT LANGUAGE="JavaScript">
var taille = 800;
var taille2 = 15;
var couleur_fond = "#7D8BA1";
var couleur_rollover = "#BEC6CE";
var couleur_texte = "#FFFFFF";
var couleur_texte_over = "#000000";
var taille_texte = 3;
var police_texte = "Verdana";
var target = true;
var frame = "";
var nbelem = 7;
var titre = new Array(nbelem);
var liens = new Array(nbelem);
titre[0] = "ACCUEIL";
liens[0] = "997.HTML";
titre[1] = "BOARDS 997";
liens[1] = "997 PRODUIT.HTML";
titre[2] = "PARK 09";
liens[2] = "997 PARK.HTML";
titre[3] = "BLAST 09";
liens[3] = "997 BLAST.HTML";
titre[4] = "COMET 09";
liens[4] = "997 COMET.HTML";
titre[5] = "Accessoires";
liens[5] = "997 ACCES.HTML";
titre[6] = "Fabrication";
liens[6] = "997 fab.HTML";
function aff_menu(){
var taille_cellule = taille / nbelem;
cible = (!target)? "_blank":frame;
document.write("<table height=\""+taille2+"\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" width=\""+taille+"\" bgcolor=\""+couleur_fond+"\" style=\"border-color:#000000; border-width: 1px; border-style: solid\"><tr>");
for(i=0;i<nbelem;i++){
document.write("<td align=\"center\" width=\""+taille_cellule+"\" onmouseover=\"mOvr(this,'"+couleur_rollover+"');\" onmouseout=\"mOut(this,'"+couleur_fond+"');\" bgcolor=\""+couleur_fond+"\"><a style=\"color: "+couleur_texte+"; text-decoration: none\" href=\""+liens[i]+"\" target=\""+cible+"\"><font face=\""+police_texte+"\" size=\""+taille_texte+"\">"+titre[i]+"</font></a></td>");
}
document.write("</tr></table>");
}
function mOvr(src,clrOver){
if (!src.contains(event.fromElement)) {
src.style.cursor = 'hand';
src.bgColor = clrOver;
src.children.tags('A')[0].style.color = couleur_texte_over;
}
}
function mOut(src,clrIn) {
if (!src.contains(event.toElement)) {
src.style.cursor = 'default';
src.bgColor = clrIn;
src.children.tags('A')[0].style.color = couleur_texte;
}
}
</script>
Message envoyé avec : Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.0; Orange 8.0; SLCC1; .NET CLR 2.0.50727; Media Center PC 5.0; .NET CLR 3.0.04506)
Pourrait-on avoir l'adresse d'une des pages Web en question ? (ou au moins le code source en entier)
Si tu veux effectuer toi-même des tests de ce codage de page, il y a le nôôôble Validator qui pourra aussi t'aider
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr-FR; rv:1.9.0.4) Gecko/2008102920 Firefox/3.0.4
Message envoyé avec : Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.0; Orange 8.0; SLCC1; .NET CLR 2.0.50727; Media Center PC 5.0; .NET CLR 3.0.04506)
Quand tu dis Mozilla uniquement, ça veut dire que tu as testé avec Safari, Opera ou Chrome ?
J'ai regardé un peu le code mais c'est typiquement le genre de page hyper compliqué à corriger sans la recommencer depuis le début.
- Des balises HTML mal fermées
- Des scripts qui utilisent document.write au lieu du DOM
- Des variables non déclarées qui défilent dans la console d'erreurs (event)
- Des liens en JavaScript au lieu de HTML (menu de gauche)
Ton problème ne semble même pas causé par tout ça, on dirait un problème de z-index avec une autre zone non cliquable qui passe devant, mais à cause de ces problèmes de structure c'est difficile de savoir si c'est ça.
♫ Li tens s'en veit, je n'ai riens fais ;
Li tens revient, je ne fais riens. ♪
Je fais ce site avec HTML Createur, et j'ai lu sur le net...
C'est passionnant, mais je vais suivre une formation car j'ai atteint mes limites!
Ce qui me travaille, c'est que, quelques soit la page, il n'y a que les 2 derniers choix qui fonctionnent!
Message envoyé avec : Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.0; Orange 8.0; SLCC1; .NET CLR 2.0.50727; Media Center PC 5.0; .NET CLR 3.0.04506)
Si c'est juste pour faire un changement de fond au survol de la souris, le javascript n'est pas nécessaire. Une simple règle en css "a:hover { background: blue;} " fait aussi bien!
Benoit,
J'ai travaillé sur ton conseil... effectivement, cela doit provenir d'une zone non cliquable.
J'ai enleve les photos, mais je dois deplacer le menu (à au moins 150pxl du haut) pour qu'il redevienne efficace.
Si vous pouviez regarder le script pour que je puisse le remettre en place à 110pxl d du haut!
Merci par avance
Message envoyé avec : Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.0; Orange 8.0; SLCC1; .NET CLR 2.0.50727; Media Center PC 5.0; .NET CLR 3.0.04506)
En deplacant le menu de gauche de 20pxl en hauteur, je peux deplacer mon menu horizontal de la meme valeur en hauteur!
C'est donc un conflit entre les 2 menus
je me decompose la!!!!!!
Message envoyé avec : Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.0; Orange 8.0; SLCC1; .NET CLR 2.0.50727; Media Center PC 5.0; .NET CLR 3.0.04506)
Benoit, c'est toi qui avez raison!!!
Probleme de zone non cliquable :
J'ai modifié le "width" du menu verticale qui "caché" les zone cliquable du menu horizontal!
Merci encore de votre aide et... @ bientot
Message envoyé avec : Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.0; Orange 8.0; SLCC1; .NET CLR 2.0.50727; Media Center PC 5.0; .NET CLR 3.0.04506)
