Flux rss
Collection CommentÇaMarche.net
Rechercher : dans
Par : Mots clés Nom d'utilisateur
Messages sans réponse

Feuille de style avec Mozilla-firefox

frammy, le lundi 20 février 2006 à 18:56:07 
 Signaler ce message aux modérateurs

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.

1

Fable, le lundi 20 février 2006 à 20:10:51

Bonsoir,

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

Répondre à Fable

2

Frammy, le mardi 21 février 2006 à 11:50:55

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.

Répondre à Frammy

3

Zep3k!GnO, le mardi 21 février 2006 à 13:04:17

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

Répondre à Zep3k!GnO

4

Frank77, le mardi 21 février 2006 à 17:53:27

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)

Répondre à Frank77

6

Zep3k!GnO, le mercredi 22 février 2006 à 09:36:26

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 Zep3k!GnO

On est des rangers mec, des rangers...

Répondre à Zep3k!GnO

5

frank77, le mardi 21 février 2006 à 18:06:51

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

Répondre à frank77

7

frammy, le mercredi 22 février 2006 à 10:56:59

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+

Répondre à frammy

8

Zep3k!GnO, le mercredi 22 février 2006 à 11:07:42

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 ;) Zep3k!GnO

On est des rangers mec, des rangers...

Répondre à Zep3k!GnO

9

Omega 09, le samedi 25 août 2007 à 18:50:29

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.

Répondre à Omega 09

10

Omega 09, le samedi 25 août 2007 à 18:54:41

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

Répondre à Omega 09

11

Omega 09, le dimanche 26 août 2007 à 14:19:14

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

Répondre à Omega 09

12

RAD ZONE, le dimanche 26 août 2007 à 14:32:11

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

Répondre à RAD ZONE

13

Omega 09, le dimanche 26 août 2007 à 15:09:49

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.

Répondre à Omega 09

14

Omega 09, le dimanche 26 août 2007 à 15:48:25

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

Répondre à Omega 09

15

RAD ZONE, le dimanche 26 août 2007 à 18:36:42

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

Répondre à RAD ZONE

16

Omega 09, le dimanche 26 août 2007 à 18:59:14

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

Répondre à Omega 09

17

Dalida, le dimanche 26 août 2007 à 19:09:05

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

Répondre à Dalida

18

Omega 09, le dimanche 26 août 2007 à 19:48:09

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.

Configuration: Windows XP
Firefox 2.0.0.6

Répondre à Omega 09

19

Dalida, le dimanche 26 août 2007 à 19:54:46

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 !
[ Mathieu ]

Il y a surement des pandas pour ne dépendre de rien

Répondre à Dalida

20

RAD ZONE, le dimanche 26 août 2007 à 20:03:33

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 ♣ 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

Répondre à RAD ZONE

21

RAD ZONE, le dimanche 26 août 2007 à 20:15:24

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)";
}
♣ 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

Répondre à RAD ZONE

22

Dalida, le dimanche 26 août 2007 à 20:18:48

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 ?
[ Mathieu ]

Il y a surement des pandas pour ne dépendre de rien

Répondre à Dalida
Thèmes pour mozilla firefox Comme vous le savez sûrement, Mozilla Firefox est un navigateur qui propose des add-ons qui permettent de "personnaliser" son navigateur, entre autres grâce a des thèmes. Les thèmes sont disponibles sur :... www.commentcamarche.net/faq/sujet-8481-themes-pour-mozilla-firefox
Supprimer le cache DNS de Mozilla Firefox Mozilla Firefox possède son propre cache DNS, indépendamment de celui du système d'exploitation. Pour la quasi-totalité des utilisateurs cela permet des gains de performance non négligeable car il évite une requête DNS à chaque connexion à un site... www.commentcamarche.net/faq/sujet-13384-supprimer-le-cache-dns-de-mozilla-firefox
Mozilla firefox lent (Résolu) salut a tous!j ai installé mozilla firefox derniére version et je trouve qu il est lent!quand je veux accéder a une page internet il met du temps a la charger et surtout quand il y a des images! alors je préfére utilisé internet explorer qui va plus... www.commentcamarche.net/forum/affich-1316585-mozilla-firefox-lent
[Mozilla Firefox] Sauvegarder les paramètresSauvegarder / Restaurer les paramètres de Firefox, les marque-pages, historique et les extensions installées Commencez par afficher les fichiers cachés. Sous Vista, il faut s'approprier le dossier C:\users\Utilisateur*\Application Data pour... www.commentcamarche.net/faq/sujet-2166-mozilla-firefox-sauvegarder-les-parametres
Plugins manquants dans MOZILLA FIREFOX (Résolu)Bonjour , J'ai installer Mozilla Firefox sur mon pc et celui ci (M F) ,à chaque ou presque chaque nouvelle page me dit que des plugins sont manquants et me propose de les télécharger . Jusque là si je peux dire , pas de problème. Sauf que la fenêtre... www.commentcamarche.net/forum/affich-1986012-plugins-manquants-dans-mozilla-firefox
SKin mozilla firefox (Résolu)Bonjour, J'ai cherché a plein d'endroit mais je ne trouve pas un Themes pour mozilla firefox noir .. Avez vous un lien vers un Themes noir ou comment faire pour créer mon themes moi même ? Merci de vos réponse que j'attends avec impatience www.commentcamarche.net/forum/affich-8411302-skin-mozilla-firefox
Fenetres de pub avec mozilla firefox (Résolu)POUR REGIS59 : depuis 1 certain temps j'ai des fenetres de pubs qui s'ouvrent sans arrêt surtout avec MOZILLA FIREFOX. Mon antivirus est AVAST et AVG ANTI-SPYWARE. Mon systéme WINDOWS 2000 SERVICE PACK 4 et INTERNET EXPLORER 6 + MOZILLA FIREFOX... www.commentcamarche.net/forum/affich-3027829-fenetres-de-pub-avec-mozilla-firefox
Télécharger FirefoxOn ne vous présente plus l'un des navigateurs web les plus utilisés au monde. Mozilla Firefox vous offre une interface intuitive, conviviale et ergonomique grâce à sa gestion des onglets, blocage des popups, un historique classé par jour, un surf... www.commentcamarche.net/telecharger/telecharger-111-firefox
Télécharger Portable FirefoxMozilla Firefox est un navigateur internet performant et personnalisable. L'interface possède des onglets pour une gestion des fenêtres plus efficace. Il possède également un gestionnaire de téléchargement. Portable Firefox est la version portable... www.commentcamarche.net/telecharger/telecharger-34055786-portable-firefox