Feuille de style avec Mozilla-firefox

Fermé
frammy - 20 févr. 2006 à 18:56
 Omega 09 - 27 août 2007 à 12:56
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.

24 réponses

Bonsoir,

Peux-tu montrer le début de ton css ?
1
Bonjour Fable, et merci de te pencher sur mon problème !
voici le texte du début de ma fauille de style :"

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

etc...
Et ça marche uniquement avec IE.
0
Zep3k!GnO
Messages postés
2025
Date d'inscription
jeudi 22 septembre 2005
Statut
Membre
Dernière intervention
18 novembre 2015
202
21 févr. 2006 à 13:04
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
1
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)
1
Zep3k!GnO
Messages postés
2025
Date d'inscription
jeudi 22 septembre 2005
Statut
Membre
Dernière intervention
18 novembre 2015
202
22 févr. 2006 à 09:36
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).
En même temps c'est FF, ca Pête ! ca comprends tout (ou presque...) :D
0
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
1

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
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+
1
Zep3k!GnO
Messages postés
2025
Date d'inscription
jeudi 22 septembre 2005
Statut
Membre
Dernière intervention
18 novembre 2015
202
22 févr. 2006 à 11:07
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 !!!

Ya pas de quoi.. ca fait plaisir de faire plaisir :D
Bonne journée, et à la prochaine ;)
0
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.
1
J'ai oublié de dire qu'il y a pourtant bien retour à la ligne à chaque définition de style...
1
Personne ne le sait ? Je ne parviens pas à trouver... il semblerait que Firefox ne prenne pas en compte le "width".
1
RAD ZONE
Messages postés
5205
Date d'inscription
samedi 20 janvier 2007
Statut
Contributeur
Dernière intervention
19 avril 2020
1 345
26 août 2007 à 14:32
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
1
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.
1
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...
1
RAD ZONE
Messages postés
5205
Date d'inscription
samedi 20 janvier 2007
Statut
Contributeur
Dernière intervention
19 avril 2020
1 345
26 août 2007 à 18:36
bon maintenant cole ton css ici !
1
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
1
Dalida
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
919
26 août 2007 à 19:09
salut,

dans la foulée pourrais-tu nous donner le code html ou l'url de la page ?
1
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:;","","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.
1
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 :))
1
Dalida
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
919
26 août 2007 à 19:54
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 !
0
RAD ZONE
Messages postés
5205
Date d'inscription
samedi 20 janvier 2007
Statut
Contributeur
Dernière intervention
19 avril 2020
1 345
26 août 2007 à 20:03
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
0
RAD ZONE
Messages postés
5205
Date d'inscription
samedi 20 janvier 2007
Statut
Contributeur
Dernière intervention
19 avril 2020
1 345
26 août 2007 à 20:15
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("<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)";
}
0
Dalida
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
919
26 août 2007 à 20:18
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 ?
0