feuille de style avec Mozilla-firefox

Question

Bonjour !
Pourriez-vous m'aider au sujet des .css ?
Avec Mozilla firefox, seule la 1ère ligne de ma feuille de style est prise en compte, alors que je n'ai pas le même problème avec IE, qui tient bien compte de tous les articles. Est-il possible d'y remédier ?
Merci d'avance pour toute réponse à ce propos.

Fable · Answer

Bonsoir,Peux-tu montrer le début de ton css ?

Zep3k!GnO · Answer

Salut, je ne sais pas si ca changera tout mais le  font-size: 2.5mmen mm ca m'étonne un peu ... je verrai ca plutot fixé en pixel ...http://www.w3schools.com/css/pr_font_font-size.aspBon courage

Frank77 · Answer

Salut Frammy !

j'ai testé ton code sous firefox, et pour que l'affichage soit correct, il faut aller à la ligne à chaque définition de style :

par ex :
.monstyle1 {bla bla bla}
.monstyle2 {bla bla bla}

ca m'a aussi étonné de voir utiliser mm au lieu de px, ceci dit, ca passe sous firefox (testé ave firefox 1.7.3).

voici le code reécri et que j'ai testé (c'est Noël avant Noël :o)

***
.note { font-family: "Comic Sans MS", Arial, "Times New Roman"; font-size: 2.5mm; font-weight: normal}
.textecentre { font-family: "Comic Sans MS", Arial, "Times New Roman"; font-size:3.5mm; font-weight: normal; text-align: center}
.textenormg { font-family: "Comic Sans MS", Arial, "Times New Roman"; font-size: 3mm; font-weight: normal; text-align: left}
.vignette { background-color: #A761C3; border-color:#CC99FF #CC33CC #CC33CC #CC99FF; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
***

Voilà j'espère que ca t'aidera.
Bon courage, faut que je file à mon cours de salsa... :o)

Frank (salsero à ses heures perdues)

frank77 · Answer

Ah oui, j'ai oublié de dire que dans la définition de chaque style,
il faut qu'il n'y ai pas retour à la ligne entre les accolades...

bon, si tu fais un copier coller du code ci-dessus, tu verras.

voilà, c'est ce que j'ai remarqué en bidouillant ton code...

allez +++

Frank

frammy · Answer

Bonjour !
Et merci beaucoup. C'est super, ça marche impec !
En effet, oui, c'était bien une question de présentation : aller à la ligne à chaque nouvelle définition de style.
Firefox semble plus sensible que IE à la forme.
Quand aux dimensions en mm, ça m'avait aussi paru bizarre, mais après un essai concluant, j'avais laissé puisque ça fonctionnait correctement ainsi.
En tous cas, encore merci encore de votre aide. Je ne peux pas vous dire "à charge de revanche", car question informatique, je tatonne seulement, mais vous avez droit à toute ma reconnaissance !!!
A+

Omega 09 · Answer

Bonjour à tous, J'ai à peu près le même problème : Firefox ne semble pas prendre en compte la largeur de mon menu (défini par un CSS dans un JS)... J'ai essayé tout un tas d'options et même après plusieurs recherches sur Internet, je ne comprends toujours pas. J'espère que quelqu'un pourra m'aider. Voilà mon code : document.write(""); Merci d'avance.

Omega 09 · Answer

J'ai oublié de dire qu'il y a pourtant bien retour à la ligne à chaque définition de style...

Omega 09 · Answer

Personne ne le sait ? Je ne parviens pas à trouver... il semblerait que Firefox ne prenne pas en compte le "width".

RAD ZONE · Answer

J'ai à peu près le même problème : Firefox ne semble pas prendre en compte la largeur de mon menu (défini par un CSS dans un JS
bien deja la curiosite commernce la !!????????

 que tu appelle une  css externe par js oui !

 mais implanter le css complet par js ??? 

 a  part des problemes je vois pas l interet!

RAD

Omega 09 · Answer

Merci pour la réponse.

Le problème vient justement du fait que c'est un menu généré par "Xara Menu Maker" et tous leurs JS intègrent la CSS. D'après toi, en faisant un lien vers un fichier CSS ça fonctionnerait ?

Je vais regarder ça, mais je ne sais pas si le script l'acceptera.

Omega 09 · Answer

Désolé pour le double post.

Je viens d'essayer ceci : 
document.write("<link rel=\"stylesheet\" href=\"style.css\" type=\"text/css\" />");

Les styles sont bien pris en compte, seulement j'ai toujours le même problème de dimensions sous Firefox...

RAD ZONE · Answer

bon maintenant cole ton css ici !

Omega 09 · Answer

La CSS :


.camden_menu 
{
	z-index:999;
	border-color:#000000;
	border-style:solid;
	border-width:0 1px 0 1px;
	background-color:#CCFFFF;
	position:absolute;
	left:0px;
	top:0px;
	visibility:hidden;
}

.camden_plain, a.camden_plain:link, a.camden_plain:visited
{
	text-align:left;
	margin:0 0 0 0;
	width:400px;
	display:block;
	padding:8px 10px 4px 16px;
	font:0.71em Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#FFF;
	text-transform:uppercase;
	background-image:url(../../_IMAGES/menu/fd_s-bouton.png);
	filter:Alpha(Opacity=55);
	-moz-opacity:0.75;
	-khtml-opacity:0.75;
	background-repeat:repeat;
	border:1px solid #142D35;
	border-left:4px solid #142D35;
}

a.camden_plain:hover, a.camden_plain:active
{
	text-align:left;
	margin:0 0 0 0;
	width:400px;
	display:block;
	padding:8px 10px 4px 16px;
	font:0.71em Arial, Helvetica, sans-serif;
	color:#142D35;
	text-decoration:none;
	text-transform:uppercase;
	background-color:#FFF;
	background-image:none;
	filter: Alpha(Opacity=100);
	-moz-opacity:1;
	-khtml-opacity:1;
	border:1px solid #142D35;
	border-left:4px solid #000000;
}

En supprimant "position:absolute", les sous-menus n'apparaissent plus au bon endroit, mais on voit apparaitre la zone coupée ! Très étrange. Je continue à chercher.

PS : une capture d'écran pour mieux voir le problème :
http://img514.imageshack.us/img514/1818/menuvb8.jpg

Dalida · Answer

salut,

dans la foulée pourrais-tu nous donner le code html ou l'url de la page ?

Omega 09 · Answer

Le fichier index.php : Le fichier xaramenu.js var ma=new Array();var mx=new Array();var my=new Array();var mc=new Array();var mpos=new Array();var mal=0;var main=0;var menuw=200;var psrc=0;var pname="";var al="";var gd=0;var gx,gy;var d=document;var NS7=(!d.all&&d.getElementById);var NS4=(!d.getElementById);var IE5=(!NS4&&!NS7&&(navigator.userAgent.indexOf('MSIE 5.0')!=-1||navigator.userAgent.indexOf('MSIE 5.2')!=-1));var IE5p5=(!NS4&&!NS7&&navigator.userAgent.indexOf('MSIE 5.5')!=-1);var NS6=(NS7&&navigator.userAgent.indexOf('Netscape6')!=-1);var SAF=navigator.userAgent.indexOf('Safari')!=-1;p=navigator.userAgent.indexOf('Opera');if(p>-1){p=navigator.userAgent.charAt(p+6);if(p>6)NS7=1;else NS4=1;}var ifr=(!NS7&&!NS4&&!IE5&&!IE5p5);var quirk=(d.compatMode&&d.compatMode=="BackCompat")||IE5||IE5p5;function startMainMenu(file,h,w,dir,space,align){if(w>0)menuw=w;main=dir;if(main==1||main==2)d.write("");if(file!=""){al="";if(align==1)al=" align=\"right\"";if(align==2)al=" align=\"center\"";if(main==1||main==2)d.write("");d.write("

0)d.write(" height=\""+h+"\"");if(w>0)d.write(" width=\""+w+"\"");d.write(" />");if(main==1||main==2)d.write("");if(main==1)d.write("");if(main==3)d.write("
");}}function endMainMenu(file,h,w){if(file!=""){if(main==1)d.write("");if(main==1||main==2)d.write("");d.write("

0)d.write(" height=\""+h+"\"");if(w>0)d.write(" width=\""+w+"\"");d.write(" />");if(main==1||main==2)d.write("");}if(main==1||main==2)d.write("

");main=0;}function mainMenuItem(name,ext,h,w,url,tar,alt,dir,state,s){if(NS4&&main==0)return;var isgraphic=ext.charAt(0)==".";if(main==1)d.write("");if(main==1||main==2)d.write("");d.write("0)d.write("tidyMenu(event);");d.write("\" onmouseover=\"");if(dir>0)d.write("openMenu(event, '"+name+"',"+dir+","+bc+","+fc+");");if(state>1&&isgraphic){d[name+"_over"]=new Image();d[name+"_over"].src=loc+name+"_over"+ext;d.write("setGraphic(event, '"+""+name+"_over"+ext+"');");}d.write("return false;\"");if(!isgraphic)d.write(" class=\""+s+"\" style=\"width:"+(w>0?w:menuw)+"px\"");d.write(">");if(isgraphic){d.write("

0)d.write(" height=\""+h+"\"");if(w>0)d.write(" width=\""+w+"\"");if(alt!="")d.write(" alt=\""+alt+"\"");d.write(" />");}else{d.write(" "+ext+" ");}d.write("");if(main==1||main==2)d.write("");if(main==1)d.write("");if(main==3)d.write("
");}function startSubmenu(name,style,sw){var depth=name.split("_").length+1000;if(NS4)return;if(sw>0)menuw=sw;d.write("

");}function endSubmenu(name){if(NS4)return;d.write("

");if(!NS7)d.getElementById(name).onmouseout=tidyMenu;}function submenuItem(text,url,tar,s){if(NS4)return;if(text.charAt(0)=='<')d.write(text);else if(text=="---")d.write("

");else{d.write(" "+text+" ");}}function setGraphic(event,name){if(NS4)return;psrc=(NS7)?event.target:event.srcElement;pname=psrc.src;if(NS7)event.target.src=name;else event.srcElement.src=name;}function openMenu(event,id,pos,bc,fc){if(NS4)return;var el,x,y,dx,dy;var bwidth;if(gd==0||mal==0){var p=d.getElementById(id);gx=0;gy=0;while(!SAF&&p&&p.offsetParent){p=p.offsetParent;gx+=p.offsetLeft;gy+=p.offsetTop;}if(p)gd=1;}if(mal>0){el=d.getElementById(ma[mal-1]);if(mx[mal-1]!=el.offsetLeft||my[mal-1]!=el.offsetTop){el.style.left=mx[mal-1]+"px";el.style.top=my[mal-1]+"px";}tidyMenu(event);}if(mal>1)pos=mpos[mal-1];if(NS7){bwidth=window.innerWidth;var p=event.target;if(p.nodeName!="A"&&p.nodeName!="IMG"&&p.parentNode.nodeName=="A")p=p.parentNode;dx=p.offsetWidth;dy=p.offsetHeight;if(mal==0){x=p.x;y=p.y;if(typeof(p.x)=="undefined"||(!NS6&&!SAF)){x=p.offsetLeft;y=p.offsetTop;while(!NS6&&p.parentNode.nodeName!="BODY"){p=p.parentNode;if(p.nodeName=="TD"||p.nodeName=="TABLE"){x+=p.offsetLeft;y+=p.offsetTop;}}}}else{el=d.getElementById(ma[mal-1]);x=el.offsetLeft;y=el.offsetTop+p.offsetTop;}if(pos!=3)x-=bd;if(pos==3&&mal>0)x+=bd;}else{bwidth=document.body.clientWidth;x=event.clientX-event.offsetX-d.body.clientLeft-gx;y=event.clientY-event.offsetY-d.body.clientTop-gy;dx=event.srcElement.offsetWidth;dy=event.srcElement.offsetHeight;if(!quirk){x+=d.documentElement.scrollLeft-2;y+=d.documentElement.scrollTop-2;}else{x+=d.body.scrollLeft;y+=d.body.scrollTop;}if(mal>0){y-=bd;if(pos!=3)x-=2*bd;}}el=d.getElementById(id);if(el&&el.style.visibility!="visible"){if(pos==1){x+=dx;el.style.left=x-el.offsetWidth+"px";el.style.top=y+"px";nspeed=el.offsetWidth/frames;if(x+gx+el.offsetWidth>bwidth){x-=dx;pos=3;}}else if(pos==2){y+=dy;el.style.left=x+"px";el.style.top=y-el.offsetHeight+"px";nspeed=el.offsetHeight/frames;}if(pos==3){x-=el.offsetWidth;el.style.left=x+el.offsetWidth+"px";el.style.top=y+"px";nspeed=el.offsetWidth/frames;if(x+gx<0){x+=el.offsetWidth;pos=1;x+=dx;el.style.left=x-el.offsetWidth+"px";el.style.top=y+"px";nspeed=el.offsetWidth/frames;}}mx[mal]=x;my[mal]=y;if(NS7||IE5||frames==0){el.style.left=x+"px";el.style.top=y+"px";}if(!IE5)clipMenu(mal,el);el.style.visibility="visible";ma[mal]=id;mpos[mal]=pos;if(NS7){var p=event.target;if(p.nodeName!="A"&&p.parentNode.nodeName=="A")p=p.parentNode;mc[mal]=p.style;if(!NS6&&mal>0){mc[mal].backgroundColor="#"+bc.toString(16);mc[mal].color="#"+fc.toString(16);}el.onmouseout=tidyMenu;}else{mc[mal]=event.srcElement.style;if(mal>0){mc[mal].backgroundColor=bc;mc[mal].color=fc;}}mal++;}if(ifr&&el&&frames==0&&(typeof(tr)=="undefined"||tr=="")){var p=d.getElementById(id+"i");if(p){p.style.top=y+"px";p.style.left=x+"px";p.style.width=el.style.width;p.style.height=el.offsetHeight+"px";p.style.display="block";}else{ifr="";el.insertAdjacentHTML('beforeBegin',ifr);}}}function overMenu(x,y){x-=gx;y-=gy;for(i=mal-1;i>=0;i--){var el=d.getElementById(ma[i]);if(el.offsetLeft+el.offsetWidth>x&&el.offsetLeft<=x&&el.offsetTop+el.offsetHeight>y&&el.offsetTop<=y){return ma[i];}}return "";}function tidyMenu(e){if(NS4)return;if(NS7){t=overMenu(e.pageX,e.pageY);if(t!=""&&(e.target.firstChild==e.relatedTarget||e.target==e.relatedTarget.firstChild))return;}else{var x=event.clientX-d.body.clientLeft;var y=event.clientY-d.body.clientTop;if(!quirk){x+=d.documentElement.scrollLeft-2;y+=d.documentElement.scrollTop-2;}else{x+=d.body.scrollLeft;y+=d.body.scrollTop;}t=overMenu(x,y);}om=0;for(i=0;it.length||t.substring(0,mail)!=ma[i]){var el=d.getElementById(ma[i]);el.style.visibility="hidden";mc[i].backgroundColor="";mc[i].color="";if(ifr){var p=d.getElementById(ma[i]+"i");if(p)p.style.display="none";}}else{ma[om]=ma[i];mx[om]=mx[i];my[om]=my[i];om++;}}mal=om;if(mal==0&&psrc)psrc.src=pname;}function animate(){for(i=0;imx[i])el.style.left=Math.max(el.offsetLeft-nspeed,mx[i])+"px";if(el.offsetTopmx[i])el.style.clip="rect("+(my[i]-el.offsetTop)+"px "+(el.offsetWidth+(mx[i]-el.offsetLeft))+"px "+el.offsetHeight+"px "+0+"px)";else el.style.clip="rect("+(my[i]-el.offsetTop)+"px "+el.offsetWidth+"px "+el.offsetHeight+"px "+(mx[i]-el.offsetLeft)+"px)";} Le fichier menu.js : //©Xara Ltd if(typeof(loc)=="undefined"||loc==""){var loc="";if(document.body&&document.body.innerHTML){var tt=document.body.innerHTML;var ml=tt.match(/["']([^'"]*)menu.js["']/i);if(ml && ml.length > 1) loc=ml[1];}} var bd=0 document.write(""); var fc=0x000000; var bc=0x339999; if(typeof(frames)=="undefined"){var frames=0;} startMainMenu("",0,0,1,0,0) mainMenuItem("_IMAGES/menu/accueil",".gif",27,190,"javascript:;","","",1,2,"camden_plain"); mainMenuItem("_IMAGES/menu/comcom",".gif",32,190,"javascript:;","","",1,2,"camden_plain"); mainMenuItem("_IMAGES/menu/tsad",".gif",27,190,"javascript:;","","",1,2,"camden_plain"); mainMenuItem("_IMAGES/menu/resultats",".gif",27,190,"javascript:;","","",1,2,"camden_plain"); mainMenuItem("_IMAGES/menu/photos",".gif",27,190,"javascript:;","","",1,2,"camden_plain"); mainMenuItem("_IMAGES/menu/revpress",".gif",27,190,"javascript:;","","",1,2,"camden_plain"); mainMenuItem("_IMAGES/menu/coureur",".gif",27,190,"javascript:;","","",1,2,"camden_plain"); mainMenuItem("_IMAGES/menu/rmsad",".gif",27,190,"javascript:;","","",1,2,"camden_plain"); mainMenuItem("_IMAGES/menu/vieassoc",".gif",27,190,"javascript:;","","",1,2,"camden_plain"); mainMenuItem("_IMAGES/menu/contacts",".gif",27,190,"javascript:;","","",1,2,"camden_plain"); mainMenuItem("_IMAGES/menu/sponsors",".gif",27,190,"javascript:;","","",1,2,"camden_plain"); endMainMenu("",0,0); startSubmenu("_IMAGES/menu/accueil","camden_menu",150); submenuItem("Le menu est coupé sur la droite avec Firefox.......","javascript:;","","camden_plain"); submenuItem("Lien 2","javascript:;","_blank","camden_plain"); submenuItem("Lien 3","javascript:;","","camden_plain"); endSubmenu("_IMAGES/menu/accueil"); startSubmenu("_IMAGES/menu/comcom","camden_menu",150); submenuItem("Lien 1","javascript:;","","camden_plain"); submenuItem("Lien 2","javascript:;","_blank","camden_plain"); submenuItem("Lien 3","javascript:;","","camden_plain"); endSubmenu("_IMAGES/menu/comcom"); startSubmenu("_IMAGES/menu/tsad","camden_menu",150); submenuItem("Lien 1","javascript:;","","camden_plain"); submenuItem("Lien 2","javascript:;","_blank","camden_plain"); submenuItem("Lien 3","javascript:;","","camden_plain"); endSubmenu("_IMAGES/menu/tsad"); startSubmenu("_IMAGES/menu/resultats","camden_menu",150); submenuItem("Lien 1","javascript:;","","camden_plain"); submenuItem("Lien 2","javascript:;","_blank","camden_plain"); submenuItem("Lien 3","javascript:;","","camden_plain"); endSubmenu("_IMAGES/menu/resultats"); startSubmenu("_IMAGES/menu/photos","camden_menu",150); submenuItem("Lien 1","javascript:;","","camden_plain"); submenuItem("Lien 2","javascript:;","_blank","camden_plain"); submenuItem("Lien 3","javascript:;","","camden_plain"); endSubmenu("_IMAGES/menu/photos"); startSubmenu("_IMAGES/menu/revpress","camden_menu",150); submenuItem("Lien 1","javascript:;","","camden_plain"); submenuItem("Lien 2","javascript:;","_blank","camden_plain"); submenuItem("Lien 3","javascript:;","","camden_plain"); endSubmenu("_IMAGES/menu/revpress"); startSubmenu("_IMAGES/menu/coureur","camden_menu",150); submenuItem("Lien 1","javascript:;","","camden_plain"); submenuItem("Lien 2","javascript:;","_blank","camden_plain"); submenuItem("Lien 3","javascript:;","","camden_plain"); endSubmenu("_IMAGES/menu/coureur"); startSubmenu("_IMAGES/menu/rmsad","camden_menu",150); submenuItem("Lien 1","javascript:;","","camden_plain"); submenuItem("Lien 2","javascript:;","_blank","camden_plain"); submenuItem("Lien 3","javascript:;","","camden_plain"); endSubmenu("_IMAGES/menu/rmsad"); startSubmenu("_IMAGES/menu/vieassoc","camden_menu",150); submenuItem("Lien 1","javascript:;","","camden_plain"); submenuItem("Lien 2","javascript:;","_blank","camden_plain"); submenuItem("Lien 3","javascript:;","","camden_plain"); endSubmenu("_IMAGES/menu/vieassoc"); startSubmenu("_IMAGES/menu/contacts","camden_menu",150); submenuItem("Lien 1","javascript:;","","camden_plain"); submenuItem("Lien 2","javascript:;","_blank","camden_plain"); submenuItem("Lien 3","javascript:;","","camden_plain"); endSubmenu("_IMAGES/menu/contacts"); startSubmenu("_IMAGES/menu/sponsors","camden_menu",150); submenuItem("Lien 1","javascript:;","","camden_plain"); submenuItem("Lien 2","javascript:;","_blank","camden_plain"); submenuItem("Lien 3","javascript:;","","camden_plain"); endSubmenu("_IMAGES/menu/sponsors"); loc=""; Et donc la CSS ci-dessus. D'avance merci, c'est sympa de se pencher sur mon problème. Et désolé de demander tant, j'ai l'habitude de me débrouiller seul en cherchant, mais là je bloque vraiment.

Dalida · Answer

holala cette soupe !!!
mais comment veux-tu que l'on puisse s'y retrouver là dedans ???

pfff...

il doit y avoir une deuxième css : "2col_leftNav.css".

mais moi je jette l'éponge, ça irait plus vite de tout re-écrire !

RAD ZONE · Answer

bon a mon avis le probleme est la dedans xaramenu.js 

 mais c est impossible de trouver comme ca !

 il faudrais deja restructurer le js pour y voir plus clair ! ca encore c est bon 

 mais apres savoir  et comprendre les code  avec des nom ou extension  propre au soft !!! 

 la ca devient de la recherche archeologique pour la traduction

RAD ZONE · Answer

si ca peu t aider voila le xaramenu.js restructure var ma=new Array(); var mx=new Array(); var my=new Array(); var mc=new Array(); var mpos=new Array(); var mal=0; var main=0; var menuw=200; var psrc=0; var pname=""; var al=""; var gd=0; var gx, gy; var d=document; var NS7=(!d.all&&d.getElementById); var NS4=(!d.getElementById); var IE5=(!NS4&&!NS7&&(navigator.userAgent.indexOf('MSIE 5.0')!=-1||navigator.userAgent.indexOf('MSIE 5.2')!=-1)); var IE5p5=(!NS4&&!NS7&&navigator.userAgent.indexOf('MSIE 5.5')!=-1); var NS6=(NS7&&navigator.userAgent.indexOf('Netscape6')!=-1); var SAF=navigator.userAgent.indexOf('Safari')!=-1; p=navigator.userAgent.indexOf('Opera'); if(p>-1) { p=navigator.userAgent.charAt(p+6); if(p>6)NS7=1; else NS4=1; } var ifr=(!NS7&&!NS4&&!IE5&&!IE5p5); var quirk=(d.compatMode&&d.compatMode=="BackCompat")||IE5||IE5p5; function startMainMenu(file,h,w,dir,space,align) { if(w>0)menuw=w; main=dir; if(main==1||main==2)d.write(""); if(file!="") { al=""; if(align==1)al=" align=\"right\""; if(align==2)al=" align=\"center\""; if(main==1||main==2)d.write(""); d.write("

0)d.write(" height=\""+h+"\""); if(w>0)d.write(" width=\""+w+"\""); d.write(" />"); if(main==1||main==2)d.write(""); if(main==1)d.write(""); if(main==3)d.write("
"); } } function endMainMenu(file,h,w) { if(file!="") { if(main==1)d.write(""); if(main==1||main==2)d.write(""); d.write("

0)d.write(" height=\""+h+"\""); if(w>0)d.write(" width=\""+w+"\""); d.write(" />"); if(main==1||main==2)d.write(""); } if(main==1||main==2)d.write("

"); main=0; } function mainMenuItem(name,ext,h,w,url,tar,alt,dir,state,s) { if(NS4&&main==0)return; var isgraphic=ext.charAt(0)=="."; if(main==1)d.write(""); if(main==1||main==2)d.write(""); d.write("0)d.write("tidyMenu(event); "); d.write("\" onmouseover=\""); if(dir>0)d.write("openMenu(event, '"+name+"',"+dir+","+bc+","+fc+"); "); if(state>1&&isgraphic) { d[name+"_over"]=new Image(); d[name+"_over"].src=loc+name+"_over"+ext; d.write("setGraphic(event, '"+""+name+"_over"+ext+"'); "); } d.write("return false; \""); if(!isgraphic)d.write(" class=\""+s+"\" style=\"width:"+(w>0?w:menuw)+"px\""); d.write(">"); if(isgraphic) { d.write("

0)d.write(" height=\""+h+"\""); if(w>0)d.write(" width=\""+w+"\""); if(alt!="")d.write(" alt=\""+alt+"\""); d.write(" />"); } else { d.write(" "+ext+" "); } d.write(""); if(main==1||main==2)d.write(""); if(main==1)d.write(""); if(main==3)d.write("
"); } function startSubmenu(name,style,sw) { var depth=name.split("_").length+1000; if(NS4)return; if(sw>0)menuw=sw; d.write("

"); } function endSubmenu(name) { if(NS4)return; d.write("

"); if(!NS7)d.getElementById(name).onmouseout=tidyMenu; } function submenuItem(text,url,tar,s) { if(NS4)return; if(text.charAt(0)=='<')d.write(text); else if(text=="---")d.write("

"); else { d.write(" "+text+" "); } } function setGraphic(event,name) { if(NS4)return; psrc=(NS7)?event.target: event.srcElement; pname=psrc.src; if(NS7)event.target.src=name; else event.srcElement.src=name; } function openMenu(event,id,pos,bc,fc) { if(NS4)return; var el, x, y, dx, dy; var bwidth; if(gd==0||mal==0) { var p=d.getElementById(id); gx=0; gy=0; while(!SAF&&p&&p.offsetParent) { p=p.offsetParent; gx+=p.offsetLeft; gy+=p.offsetTop; } if(p)gd=1; } if(mal>0) { el=d.getElementById(ma[mal-1]); if(mx[mal-1]!=el.offsetLeft||my[mal-1]!=el.offsetTop) { el.style.left=mx[mal-1]+"px"; el.style.top=my[mal-1]+"px"; } tidyMenu(event); } if(mal>1)pos=mpos[mal-1]; if(NS7) { bwidth=window.innerWidth; var p=event.target; if(p.nodeName!="A"&&p.nodeName!="IMG"&&p.parentNode.nodeName=="A")p=p.parentNode; dx=p.offsetWidth; dy=p.offsetHeight; if(mal==0) { x=p.x; y=p.y; if(typeof(p.x)=="undefined"||(!NS6&&!SAF)) { x=p.offsetLeft; y=p.offsetTop; while(!NS6&&p.parentNode.nodeName!="BODY") { p=p.parentNode; if(p.nodeName=="TD"||p.nodeName=="TABLE") { x+=p.offsetLeft; y+=p.offsetTop; } } } } else { el=d.getElementById(ma[mal-1]); x=el.offsetLeft; y=el.offsetTop+p.offsetTop; } if(pos!=3)x-=bd; if(pos==3&&mal>0)x+=bd; } else { bwidth=document.body.clientWidth; x=event.clientX-event.offsetX-d.body.clientLeft-gx; y=event.clientY-event.offsetY-d.body.clientTop-gy; dx=event.srcElement.offsetWidth; dy=event.srcElement.offsetHeight; if(!quirk) { x+=d.documentElement.scrollLeft-2; y+=d.documentElement.scrollTop-2; } else { x+=d.body.scrollLeft; y+=d.body.scrollTop; } if(mal>0) { y-=bd; if(pos!=3)x-=2*bd; } } el=d.getElementById(id); if(el&&el.style.visibility!="visible") { if(pos==1) { x+=dx; el.style.left=x-el.offsetWidth+"px"; el.style.top=y+"px"; nspeed=el.offsetWidth/frames; if(x+gx+el.offsetWidth>bwidth) { x-=dx; pos=3; } } else if(pos==2) { y+=dy; el.style.left=x+"px"; el.style.top=y-el.offsetHeight+"px"; nspeed=el.offsetHeight/frames; } if(pos==3) { x-=el.offsetWidth; el.style.left=x+el.offsetWidth+"px"; el.style.top=y+"px"; nspeed=el.offsetWidth/frames; if(x+gx<0) { x+=el.offsetWidth; pos=1; x+=dx; el.style.left=x-el.offsetWidth+"px"; el.style.top=y+"px"; nspeed=el.offsetWidth/frames; } } mx[mal]=x; my[mal]=y; if(NS7||IE5||frames==0) { el.style.left=x+"px"; el.style.top=y+"px"; } if(!IE5)clipMenu(mal,el); el.style.visibility="visible"; ma[mal]=id; mpos[mal]=pos; if(NS7) { var p=event.target; if(p.nodeName!="A"&&p.parentNode.nodeName=="A")p=p.parentNode; mc[mal]=p.style; if(!NS6&&mal>0) { mc[mal].backgroundColor="#"+bc.toString(16); mc[mal].color="#"+fc.toString(16); } el.onmouseout=tidyMenu; } else { mc[mal]=event.srcElement.style; if(mal>0) { mc[mal].backgroundColor=bc; mc[mal].color=fc; } } mal++; } if(ifr&&el&&frames==0&&(typeof(tr)=="undefined"||tr=="")) { var p=d.getElementById(id+"i"); if(p) { p.style.top=y+"px"; p.style.left=x+"px"; p.style.width=el.style.width; p.style.height=el.offsetHeight+"px"; p.style.display="block"; } else { ifr=""; el.insertAdjacentHTML('beforeBegin',ifr); } } } function overMenu(x,y) { x-=gx; y-=gy; for(i=mal-1; i>=0; i--) { var el=d.getElementById(ma[i]); if(el.offsetLeft+el.offsetWidth>x&&el.offsetLeft<=x&&el.offsetTop+el.offsetHeight>y&&el.offsetTop<=y) { return ma[i]; } } return ""; } function tidyMenu(e) { if(NS4)return; if(NS7) { t=overMenu(e.pageX,e.pageY); if(t!=""&&(e.target.firstChild==e.relatedTarget||e.target==e.relatedTarget.firstChild))return; } else { var x=event.clientX-d.body.clientLeft; var y=event.clientY-d.body.clientTop; if(!quirk) { x+=d.documentElement.scrollLeft-2; y+=d.documentElement.scrollTop-2; } else { x+=d.body.scrollLeft; y+=d.body.scrollTop; } t=overMenu(x,y); } om=0; for(i=0; it.length||t.substring(0,mail)!=ma[i]) { var el=d.getElementById(ma[i]); el.style.visibility="hidden"; mc[i].backgroundColor=""; mc[i].color=""; if(ifr) { var p=d.getElementById(ma[i]+"i"); if(p)p.style.display="none"; } } else { ma[om]=ma[i]; mx[om]=mx[i]; my[om]=my[i]; om++; } } mal=om; if(mal==0&&psrc)psrc.src=pname; } function animate() { for(i=0; imx[i])el.style.left=Math.max(el.offsetLeft-nspeed,mx[i])+"px"; if(el.offsetTopmx[i])el.style.clip="rect("+(my[i]-el.offsetTop)+"px "+(el.offsetWidth+(mx[i]-el.offsetLeft))+"px "+el.offsetHeight+"px "+0+"px)"; else el.style.clip="rect("+(my[i]-el.offsetTop)+"px "+el.offsetWidth+"px "+el.offsetHeight+"px "+(mx[i]-el.offsetLeft)+"px)"; }

Dalida · Answer

le meilleur moyen c'est de tester en live dans FireFox, avec FireBug pour relever l'héritage des règles css.

n'as-tu pas une version en ligne ?

Omega 09 · Answer

Voilà, vous pouvez tester ici :
http://cite-de-tipoca.cyberhosting-fr.com/test/index.php
Il n'y a que les fichiers nécessaire au fonctionnement du menu.

Je vais regarder dans le xaramenu.js... Effectivement, ça pourrait venir de là étant donné que j'ai déjà dû modifier quelque chose pour que mes images s'affichent. Quoi que je fasse, il me collait un "xara" devant l'URL. Décidemment, je me demande si je ne ferais pas mieux de changer de menu :))

Feuille de style avec Mozilla-firefox

24 réponses

Discussions similaires

Newsletters