 |
|
|
|
| feuille de style avec Mozilla-firefox par  frammy |
lundi 20 février 2006 à 18:56:07 |
Bonsoir,
Peux-tu montrer le début de ton css ?
|
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 Zep3k!GnO On est des rangers mec, des rangers... |
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)
|
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 |
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+
|
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("<style type=\"text/css\">"); document.write("\n<!--\n"); document.write(".camden_menu {z-index:999;border-color:#000000;border-style:solid;border-width:"+bd+"px 1px "+bd+"px 1px;background-color:#CCFFFF;position:absolute;left:0px;top:0px;visibility:hidden;}"); document.write(".camden_plain, a.camden_plain:link, a.camden_plain:visited{text-align:left;margin:0 0 0 0;width:190;padding:8px 10px 4px 16px;display:block;font:0.71em Arial, Helvetica, sans-serif;text-decoration:none;color:#FFF;text-transform:uppercase;background-image:url(../../_IMAGES/menu/fd_s-bouton.png);background-repeat:repeat;filter:Alpha(Opacity=55);-moz-opacity:0.75;-khtml-opacity:0.75;border:1px solid #142D35;border-left:4px solid #142D35;}"); document.write("a.camden_plain:hover, a.camden_plain:active{text-align:left;margin:0 0 0 0;color:#142D35;text-decoration:none;background-color:#FFF;background-image:none;filter: Alpha(Opacity=100);border:1px solid #142D35;border-left:4px solid #000000;padding:8px 10px 4px 16px;display:block;font-family:Arial, Helvetica, sans-serif;}"); document.write("\n-->\n"); document.write("</style>"); Merci d'avance. |
J'ai oublié de dire qu'il y a pourtant bien retour à la ligne à chaque définition de style... |
Personne ne le sait ? Je ne parviens pas à trouver... il semblerait que Firefox ne prenne pas en compte le "width". |
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 ♣ La plus grande erreur que puisse faire un homme est d'avoir peur d'en faire une. ♣ Configuration: Windows XP Firefox 2.0.0.6 |
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. |
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... |
bon maintenant cole ton css ici !
♣ La plus grande erreur que puisse faire un homme est d'avoir peur d'en faire une. ♣ Configuration: Windows XP Firefox 2.0.0.6 |
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 |
salut,
dans la foulée pourrais-tu nous donner le code html ou l'url de la page ? [ Mathieu ] Il y a surement des pandas pour ne dépendre de rien |
Le fichier index.php :
<script type="text/javascript" src="xaramenu.js"></script> <script type="text/javascript" src="menu.js"></script> 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("<table border=\"0\" cellspacing=\""+space+"\" cellpadding=\"0\">");if(file!=""){al="";if(align==1)al=" align=\"right\"";if(align==2)al=" align=\"center\"";if(main==1||main==2)d.write("<tr style='line-height:1px'><td"+al+">");d.write("<img src=\""+loc+file+"\" border=\"0\"");if(h>0)d.write(" height=\""+h+"\"");if(w>0)d.write(" width=\""+w+"\"");d.write(" />");if(main==1||main==2)d.write("</td>");if(main==1)d.write(";</tr>");if(main==3)d.write("<br />");}}function endMainMenu(file,h,w){if(file!=""){if(main==1)d.write("<tr>");if(main==1||main==2)d.write("<td"+al+">");d.write("<img src=\""+loc+file+"\" border=\"0\"");if(h>0)d.write(" height=\""+h+"\"");if(w>0)d.write(" width=\""+w+"\"");d.write(" />");if(main==1||main==2)d.write("</td></tr>");}if(main==1||main==2)d.write("</table>");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("<tr>");if(main==1||main==2)d.write("<td"+al+">");d.write("<a ");if(url!=""||!isgraphic){if(typeof(clx)!="undefined"){url=";?"+clx;tar="";alt="Click to edit";}d.write("href=\""+url+"\" ");}if(tar!="")d.write("target=\""+tar+"\" ");d.write("onmouseout=\"");if(dir>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("<img src=\""+""+name+ext+"\" border=\"0\"");if(h>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("</a>");if(main==1||main==2)d.write("</td>");if(main==1)d.write("</tr>");if(main==3)d.write("<br />");}function startSubmenu(name,style,sw){var depth=name.split("_").length+1000;if(NS4)return;if(sw>0)menuw=sw;d.write("<div id=\""+name+"\" class=\""+style+"\" style=\"z-index:"+depth+";width:"+(menuw+(NS7?bd*2:0))+"px\">");}function endSubmenu(name){if(NS4)return;d.write("</div>");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("<div class=\""+s+"\" style=\"width:"+menuw+"px\"><center><img src=\""+loc+"---.gif\" height=\"8\" width=\""+(menuw-6-(2*bd))+"\" border=0/></center></div>");else{d.write("<a ");if(url!="")d.write("href=\""+url+"\" ");if(tar!="")d.write("target=\""+tar+"\" ");d.write("class=\""+s+"\" style=\"width:"+menuw+"px\"> "+text+" </a>");}}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="<iframe id=\""+id+"i\" style=\"position:absolute;left:"+x+"px;width:"+el.style.width+";height:"+el.offsetHeight+"px;top:"+y+"px;z-index:998;display:block;\" scrolling=\"no\" frameborder=\"0\"></iframe>";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;i<mal;i++){var mail=ma[i].length;if(mail>t.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;i<mal;i++){var el=d.getElementById(ma[i]);if(el.style.visibility=="visible"){if(el.offsetLeft<mx[i])el.style.left=Math.min(el.offsetLeft+nspeed,mx[i])+"px";if(el.offsetLeft>mx[i])el.style.left=Math.max(el.offsetLeft-nspeed,mx[i])+"px";if(el.offsetTop<my[i])el.style.top=Math.min(el.offsetTop+nspeed,my[i])+"px";clipMenu(i,el);}}if(mal!=0||frames!=0)setTimeout("animate()",50);}function clipMenu(i,el){if(el.offsetLeft>mx[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("<link rel=\"stylesheet\" href=\"2col_leftNav.css\" type=\"text/css\" />"); 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:;","","ca |
