Accueil > Forum > > > > Problême affichage menu sous chrome et firefox.
 Problême affichage menu sous chrome et firefox.
dimanche 30 mai 2010 à 14:14:29 |
Problême affichage menu sous chrome et firefox.
stef1010
|
Bonjour, j'ai décidé de franchir le grand pas : créé mon site.
J'ai récupéré un code sources de se site avec un menu qui réagis quand la souris se pose dessus.
Seulement voila sur internet explorer se menu fonctionne a merveille.
Mais su chrome et firefox, il y a un problême.
Quand la souris survole une des options du menu, ce n'es pas seulement l'option qui change de couleur mais tous le fond de la page aussi.
Je galère vraiment sa fait deux semaines que je cherche une solutions sans résultat.
Voici mon code java:
Code Java : //Static Slide Menu 6.5 © MaXimuS 2000-2001, All Rights Reserved.
//Site: http://www.absolutegb.com/maximus
//E-mail: maximus@nsimail.com
//Script featured on Dynamic Drive (http://www.dynamicdrive.com)
NS6 = (document.getElementById&&!document.all)
IE = (document.all)
NS = (navigator.appName=="Netscape" && navigator.appVersion.charAt(0)=="4")
tempBar='';barBuilt=0;ssmItems=new Array();
moving=setTimeout('null',1)
function moveOut() {
if ((NS6||NS)&&parseInt(ssm.left)<0 || IE && ssm.pixelLeft<0) {
clearTimeout(moving);moving = setTimeout('moveOut()', slideSpeed);slideMenu(10)}
else {clearTimeout(moving);moving=setTimeout('null',1)}};
function moveBack() {clearTimeout(moving);moving = setTimeout('moveBack1()', waitTime)}
function moveBack1() {
if ((NS6||NS) && parseInt(ssm.left)>(-menuWidth) || IE && ssm.pixelLeft>(-menuWidth)) {
clearTimeout(moving);moving = setTimeout('moveBack1()', slideSpeed);slideMenu(-10)}
else {clearTimeout(moving);moving=setTimeout('null',1)}}
function slideMenu(num){
if (IE) {ssm.pixelLeft += num;}
if (NS||NS6) {ssm.left = parseInt(ssm.left)+num;}
if (NS) {bssm.clip.right+=num;bssm2.clip.right+=num;}}
function makeStatic() {
if (NS||NS6) {winY = window.pageYOffset;}
if (IE) {winY = document.body.scrollTop;}
if (NS6||IE||NS) {
if (winY!=lastY&&winY>YOffset-staticYOffset) {
smooth = .2 * (winY - lastY - YOffset + staticYOffset);}
else if (YOffset-staticYOffset+lastY>YOffset-staticYOffset) {
smooth = .2 * (winY - lastY - (YOffset-(YOffset-winY)));}
else {smooth=0}
if(smooth > 0) smooth = Math.ceil(smooth);
else smooth = Math.floor(smooth);
if (IE) bssm.pixelTop+=smooth;
if (NS6||NS) bssm.top=parseInt(bssm.top)+smooth
lastY = lastY+smooth;
setTimeout('makeStatic()', 1)}}
function buildBar() {
if(barText.indexOf('<IMG')>-1) {tempBar=barText}
else{for (b=0;b<barText.length;b++) {tempBar+=barText.charAt(b)+"<BR>"}}
document.write('<td align="center" rowspan="100" width="'+barWidth+'" bgcolor="'+barBGColor+'" valign="'+barVAlign+'"><p align="center"><font face="'+barFontFamily+'" Size="'+barFontSize+'" COLOR="'+barFontColor+'"><B>'+tempBar+'</B></font></p></TD>')}
function initSlide() {
if (NS6){
ssm=document.getElementById("thessm").style;
bssm=document.getElementById("basessm").style;
bssm.clip="rect(0 "+document.getElementById("thessm").offsetWidth+" "+document.getElementById("thessm").offsetHeight+" 0)";ssm.visibility="visible";
}else if (IE) {
ssm=document.all("thessm").style;
bssm=document.all("basessm").style;
bssm.clip="rect(0 "+thessm.offsetWidth+" "+thessm.offsetHeight+" 0)";bssm.visibility = "visible";
}else if (NS) {
bssm=document.layers["basessm1"];
bssm2=bssm.document.layers["basessm2"];ssm=bssm2.document.layers["thessm"];
bssm2.clip.left=0;ssm.visibility = "show";
}
if (menuIsStatic=="yes")
makeStatic();
}
function buildMenu() {
if (IE||NS6) {
document.write('<DIV ID="basessm" style="visibility:hidden;Position : Absolute ;Left : '+XOffset+' ;Top : '+YOffset+' ;Z-Index : 20;width:'+(menuWidth+barWidth+10)+'"><DIV ID="thessm" style="Position : Absolute ;Left : '+(-menuWidth)+' ;Top : 0 ;Z-Index : 20;" onmouseover="moveOut()" onmouseout="moveBack()">');
}
if (NS) {
document.write('<LAYER name="basessm1" top="'+YOffset+'" LEFT='+XOffset+' visibility="show"><ILAYER name="basessm2"><LAYER visibility="hide" name="thessm" bgcolor="'+menuBGColor+'" left="'+(-menuWidth)+'" onmouseover="moveOut()" onmouseout="moveBack()">');
}
if (NS6){
document.write('<table border="0" cellpadding="0" cellspacing="0" width="'+(menuWidth+barWidth+2)+'" bgcolor="'+menuBGColor+'"><TR><TD>');
}
document.write('<table border="0" cellpadding="0" cellspacing="1" width="'+(menuWidth+barWidth+2)+'" bgcolor="'+menuBGColor+'">');
for(i=0;i<ssmItems.length;i++) {
if(!ssmItems[i][3]){
ssmItems[i][3]=menuCols;
ssmItems[i][5]=menuWidth-1;
}else if(ssmItems[i][3]!=menuCols)
ssmItems[i][5]=Math.round(menuWidth*(ssmItems[i][3]/menuCols)-1);
if ( ssmItems[i-1] && ssmItems[i-1][4] != "no" ) {
document.write('<TR>');
}
if(!ssmItems[i][1]){
document.write('<td bgcolor="'+hdrBGColor+'" HEIGHT="'+hdrHeight+'" ALIGN="'+hdrAlign+'" VALIGN="'+hdrVAlign+'" WIDTH="'+ssmItems[i][5]+'" COLSPAN="'+ssmItems[i][3]+'"><font face="'+hdrFontFamily+'" Size="'+hdrFontSize+'" COLOR="'+hdrFontColor+'"> <b>'+ssmItems[i][0]+'</b></font></td>');
}else {
if(!ssmItems[i][2])
ssmItems[i][2]=linkTarget;
document.write('<TD BGCOLOR="'+linkBGColor+'" onmouseover="bgColor=\''+linkOverBGColor+'\'" onmouseout="bgColor=\''+linkBGColor+'\'" WIDTH="'+ssmItems[i][5]+'" COLSPAN="'+ssmItems[i][3]+'"><ILAYER><LAYER onmouseover="bgColor=\''+linkOverBGColor+'\'" onmouseout="bgColor=\''+linkBGColor+'\'" WIDTH="100%" ALIGN="'+linkAlign+'"><DIV ALIGN="'+linkAlign+'"><FONT face="'+linkFontFamily+'" Size="'+linkFontSize+'"> <A HREF="'+ssmItems[i][1]+'" target="'+ssmItems[i][2]+'" CLASS="ssmItems">'+ssmItems[i][0]+'</DIV></LAYER></ILAYER></TD>');
}
if(ssmItems[i][4]!="no"&&barBuilt==0){
buildBar();
barBuilt=1;
}
if(ssmItems[i][4]!="no"){
document.write('</TR>');
}
}
document.write('</table>');
if (NS6){
document.write('</TD></TR></TABLE>');
}
if (IE||NS6) {
document.write('</DIV></DIV>');
}
if (NS) {
document.write('</LAYER></ILAYER></LAYER>');
}
theleft=-menuWidth;lastY=0;setTimeout('initSlide();', 1);
}
<!--
/*
Configure menu styles below
NOTE: To edit the link colors, go to the STYLE tags and edit the ssm2Items colors
*/
b=(screen.width==800&&screen.height==600);
if(b) YOffset=0;
else YOffset=10; // no quotes!!
XOffset=0;
staticYOffset=6; // no quotes!!
slideSpeed=20 // no quotes!!
waitTime=100; // no quotes!! this sets the time the menu stays out for after the mouse goes off it.
menuBGColor="RoyalBlue";
menuIsStatic="yes"; //this sets whether menu should stay static on the screen
if(b) menuWidth=160;
else menuWidth=180; // Must be a multiple of 10! no quotes!!
menuCols=2;
hdrFontFamily="verdana";
if(b) hdrFontSize="1";
else hdrFontSize="2";
hdrFontColor="Navy";
hdrBGColor="red";
hdrAlign="center";
hdrVAlign="center";
hdrHeight="15";
linkFontFamily="Verdana";
if(b) linkFontSize="1";
else linkFontSize="2";
linkBGColor="white";
linkOverBGColor="yellow";
linkTarget="_top";
linkAlign="Left";
barBGColor="red";
barFontFamily="Verdana";
if(b) barFontSize="1";
else barFontSize="2";
barFontColor="Navy";
barVAlign="center";
barWidth=20; // no quotes!!
barText="FORD MUSTANG WORLD"; // <IMG> tag supported. Put exact html for an image to show.
///////////////////////////
// ssmItems[...]=[name, link, target, colspan, endrow?] - leave 'link' and 'target' blank to make a header
ssmItems[0]=["SITE"] //create header
ssmItems[1]=["HISTOIRE", "articles.html",""] //create header
ssmItems[2]=["GALLERIES", "galleries.html",""]
ssmItems[3]=["LIENS", "liens.html",""]
ssmItems[4]=["FORUMS", "http://www.fordmustangworld.be/forum/index.php", ""]
ssmItems[5]=["FORUMS", "", ""] //create header
ssmItems[6]=["DISCUSSIONS", "http://www.fordmustangworld.be/forum/viewforum.php?f=3",""]
ssmItems[7]=["MA VOITURE", "http://www.fordmustangworld.be/forum/viewforum.php?f=5", ""]
ssmItems[8]=["PHOTOS", "http://www.fordmustangworld.be/forum/viewforum.php?f=6", ""]
ssmItems[9]=["VIDEOS", "http://www.fordmustangworld.be/forum/viewforum.php?f=7", ""]
ssmItems[10]=["LIENS", "http://www.fordmustangworld.be/forum/viewforum.php?f=8",""]
ssmItems[11]=["PETITES ANNONCES", "http://www.fordmustangworld.be/forum/viewforum.php?f=16", ""]
ssmItems[12]=["IDEES", "http://www.fordmustangworld.be/forum/viewforum.php?f=17", ""]
ssmItems[13]=["AUTRES PASSIONS"]
ssmItems[14]=["JEUX-VIDEO", "http://www.fordmustangworld.be/forum/viewforum.php?f=10",""]
ssmItems[15]=["SPORTS", "http://www.fordmustangworld.be/forum/viewforum.php?f=11",""] //create header
ssmItems[16]=["CUISINE", "http://www.fordmustangworld.be/forum/viewforum.php?f=12",""] //create header
ssmItems[17]=["MUSIQUES", "http://www.fordmustangworld.be/forum/viewforum.php?f=13",""]
ssmItems[18]=["TUNNING", "http://www.fordmustangworld.be/forum/viewforum.php?f=14",""]
ssmItems[19]=["INFORMATIQUE", "http://www.fordmustangworld.be/forum/viewforum.php?f=15",""] //create header
ssmItems[20]=["A VENIR"]
ssmItems[21]=["6.1", "url6.1",""]
ssmItems[22]=["6.2", "url6.2",""]
ssmItems[23]=["6.3", "url6.3",""]
buildMenu();
//-->Voici le code html
Code HTML : <!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<STYLE type="text/css">
<!--
A.ssmItems:link {color:navy;text-decoration:none;}
A.ssmItems:hover {color:black;text-decoration:none;}
A.ssmItems:active {color:black;text-decoration:none;}
A.ssmItems:visited {color:black;text-decoration:none;}
//-->
</STYLE>
<SCRIPT SRC="ssmItems.js"> language="JavaScript1.2"></SCRIPT>
<script type="text/javascript" src="./lmpres80.js"></script><noscript><br></noscript>
<script type="text/javascript">InitResID(1)</script>
<title>FORD MUSTANG WORLD</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="imagetoolbar" content="no">
<meta http-equiv="imagetoolbar" content="false">
<meta name="generator" content="LMSOFT Web Creator, Version:5.1.0.1">
<META NAME="KEYWORDS" CONTENT="ford mustang world fordmustangworld">
<META NAME="DESCRIPTION" CONTENT="Tous sur la Ford mustang">
<META NAME="AUTHOR" CONTENT="Dechevis Stéphane">
<META NAME="CREATION_DATE" CONTENT="12/05/2010">
<META HTTP-EQUIV="CONTENT-LANGAGE" CONTENT="francais">
<link href="index.css" rel="stylesheet" type="text/css">
</head>
<script type="text/javascript">
var projectroot="./";
</script>
<script type="text/javascript" src="./lmpres80.js"></script><noscript><br></noscript>
<script type="text/javascript">InitResID(1)</script>
<body style="margin-Left:0px;margin-Top:0px;margin-Bottom:0px;margin-Right:0px;" onresize=PosPage(2,0,1.000000,1.000000); bgcolor="#282828" >
<DIV class="cLinkHidden">
[<a href='mailto:stef1010@live.fr' title="Mon adresse mail"></a>]<br>
[<a href='http://www.lmsoft.com/'>Web Creator</a>]
[<a href='http://www.lmsoft.com/'>LMSOFT</a>]
</DIV>
<DIV id=lmwcbackpanel2 align='center'>
<DIV id=lmwcbackpanel style="position:relative;width:1024px;height:1000px;">
<DIV id=lmwcbackpanelinner style="visibility:visible;overflow:hidden;position:absolute;left:0px;top:0px;width:1024px;height:1000px;clip:rect(0px,1024px,1000px,0px);">
<DIV id=Page class="cPage">
<a name=ANCHOR_Page></a><IMG alt="" id=LMImagePage src="./lmimginv.gif" class="cLMImagePage">
</DIV>
<DIV id=Text3 align=left class="cText3">
<a name=ANCHOR_Text3></a>
<DIV id=LMTxtText3 align=left class="cLMTxtText3">
<div align="left"><font face="Arial" color="#ffffff" size="2"><span style=" font-size:10pt">Modification du design du site.</span></font></div><div align="left"><font face="Arial" color="#ffffff" size="2"><span style=" font-size:10pt">Ajout d'une section news sur la page d'accueil.</span></font></div><div align="left"> </div>
</DIV>
</DIV>
<DIV id=Text1 align=left class="cText1">
<a name=ANCHOR_Text1></a>
<DIV id=LMTxtText1 align=left class="cLMTxtText1">
<div align="left"><font face="Verdana" color="#ffcc1c" size="1"><span style=" font-size:9pt">30.05.2010</span></font><font face="Arial" color="#ffcc1c" size="1"><span style=" font-size:9pt"> </span></font></div>
</DIV>
</DIV>
<DIV id=Text8 align=left class="cText8">
<a name=ANCHOR_Text8></a>
<DIV id=LMTxtText8 align=left class="cLMTxtText8">
<div align="left"><font face="Arial" color="#ffffff" size="2"><span style=" font-size:10pt">Je travaille actuellement a réglé les bugs sous chrome et firefox, cela me prend un peut de temps après quoi je retravaillerais sur les différentes sections du site en vue de les complèté. Merçi pour votre patiente.</span></font></div>
</DIV>
</DIV>
<DIV id=Text7 align=left class="cText7">
<a name=ANCHOR_Text7></a>
<DIV id=LMTxtText7 align=left class="cLMTxtText7">
<div align="left"><font face="Arial" color="#ffffff" size="2"><span style=" font-size:10pt">Mise a jour du design de la section histoire.</span></font></div><div align="left"><font face="Arial" color="#ffffff" size="2"><span style=" font-size:10pt">Bugs sous chrome et firefox lorsqu'on vas dans le menu : en court de travaux</span></font></div>
</DIV>
</DIV>
<DIV id=Text4 align=left class="cText4">
<a name=ANCHOR_Text4></a>
<DIV id=LMTxtText4 align=left class="cLMTxtText4">
<div align="left"><font face="Verdana" color="#ffcc1c" size="1"><span style=" font-size:9pt">27.05.2010</span></font><font face="Arial" color="#ffcc1c" size="1"><span style=" font-size:9pt"> </span></font></div>
</DIV>
</DIV>
<DIV id=Text6 align=left class="cText6">
<a name=ANCHOR_Text6></a>
<DIV id=LMTxtText6 align=left class="cLMTxtText6">
<div align="left"><font face="Arial" color="#758ed2" size="4"><span style=" font-size:14pt">+ </span></font></div>
</DIV>
</DIV>
<DIV id=Text2 align=left class="cText2">
<a name=ANCHOR_Text2></a>
<DIV id=LMTxtText2 align=left class="cLMTxtText2">
<div align="left"><font face="Verdana" color="#758ed2"><span style=" font-size:11pt"><b>Actualités</b></span></font><font face="Arial" color="#758ed2"><span style=" font-size:11pt"> </span></font></div>
</DIV>
</DIV>
<DIV id=Txt15 align=left class="cTxt15">
<a name=ANCHOR_Txt15></a>
<DIV id=LMTxtTxt15 align=left class="cLMTxtTxt15">
<div align="left"><font face="Verdana" color="#ffcc1c" size="1"><span style=" font-size:9pt">19.05.2010</span></font><font face="Arial" color="#ffcc1c" size="1"><span style=" font-size:9pt"> </span></font></div>
</DIV>
</DIV>
<DIV id=BodyText align=left class="cBodyText">
<a name=ANCHOR_BodyText></a>
<DIV id=LMTxtBodyText align=left class="cLMTxtBodyText">
<div align="justify"><font face="Verdana" color="#c0c0c0" size="1"><span style=" font-size:8pt">Le 17 avril 1964 marque un tournant dans l'histoire de l'industrie automobile ; ce jour là, Ford, second constructeur mondial, présente à la foire mondiale de New York sa Mustang. Ford a en quelque sorte réinventé l'automobile pour les jeunes américains issus du baby boom et blasés par les grosses caisses lourdes et massives. Lee Iacocca, alors directeur général de Ford, avait depuis longtemps la vision d'une petite voiture sportive qui envahirait les rues (comme la Coccinelle de VW en Europe). Au lieu de faire une énième version d'une voiture déjà existante, Ford met sur roues le concept de pony car. Créée au départ comme un coupé deux places dans la plus pure tradition européenne, Lee Iacocca réalise que le succès dépend en grande partie du volume des ventes, ainsi, pour économiser les coûts de développement, les premières versions seront directement basées sur la Ford Falcon familiale. La Mustang est alors dotée en série d'un moteur de 6 cylindres en ligne de 2,8 L ou, en option, d'un V8 de 260 ci (4,2 L) ou d'un 289 ci (4,7 L). Elle est disponible en coupé hardtop ou en cabriolet (la carrosserie fastback apparaîtra en 1965). Il y a du chrome en abondance, ce qui la rend des plus attrayante pour les jeunes. De nombreuses options sont disponibles pour agrémenter la voiture, le but étant que chacun ait une Mustang unique. Elle est en concurrence avec la Plymouth Barracuda sortie deux semaines plus tôt mais qui n'aura pas l'immense succès de la Mustang..</span></font></div>
</DIV>
</DIV>
<DIV id=Compteur2 align=left class="cCompteur2">
<a name=ANCHOR_Compteur2></a>
<TITLE></TITLE>
<SCRIPT>
function NewsInit(){
// positionnement du block mainnews
// ICI IL VAUT MIEU UTILISE document.getElementById() QUI EST SUPPPORTE
// PAR UNE GRANDE PARTIE DES NAVIGATEUR
// Test effectué sur {IE 6, Firefox 1.0.7, Mozilla 1.7, Netscape 7} => Tout OK
document.getElementById("mainnews").style.left = document.getElementById("NewsContent").offsetLeft + document.getElementById("NewsReader").offsetLeft +4;
document.getElementById("mainnews").style.top = document.getElementById("NewsContent").offsetTop + document.getElementById("NewsReader").offsetTop
document.getElementById("mainnews").style.width = document.getElementById("NewsContent").offsetWidth -1
document.getElementById("mainnews").style.height = document.getElementById("NewsContent").offsetHeight - 1
ScrollNews()
}
var newsblock
var topinit = 150 // point de depart
var Index = 0 // index dans la collection de news
var OldIndex = 0 // index d'avant
var Top = topinit // valeur courante
var start = 1
// ICI ON DECLARE UNE VAR QUI CONTIENT UN ENTIER, QUI CORRESPOND
// ON NOMBRE DE NEWS, GENERALEMENT CA SERA DONNE PAR UNE REQ SQL
var nbnews = 3 // de 0 à 2 => 3
function ScrollNews(){
if (Top == 4)
{
OldIndex = Index
// SI Index SUP OU EG A nbnews - 1 sois news2 DONC DERNIERE NEWS A AFFICHER
// ALORS Index= 0
// SINON INCREMENT Index
Index >= (nbnews - 1) ? Index = 0 : Index++
Top = topinit
setTimeout("ScrollNews()",3000)
start=0
return false
}
if (Top == (topinit-1)) {document.getElementById("news" + OldIndex).style.top = topinit}
Top--
document.getElementById("news" + Index).style.top = Top
if (start==0){document.getElementById("news" + OldIndex).style.top = Top-146}
setTimeout("ScrollNews()",5)
}
</SCRIPT>
<STYLE>
.NewsBlock{display: block; position: absolute; top: 200; left: 0; font: 12 Arial; width:222; border: 1 solid black}
.NewsHead{color: black; background: #B5B5B5;}
.NewsContent{width:220; font: 12 Courier New; background: #F3F3F3; padding: 2 2 2 2;}
.NewReaderBlock{border: 1px solid black ; width: 232; height: 150;background: black; color: white; font: 14 Arial; text-align: center}
.NewReaderContent{height: 140; background: white}
.MainContent{border: none; position: absolute; left: 0; top: 0; width: 452; height: 294; clip: rect(0,222,125,0 ); background: transparent}
</STYLE>
<BODY onload="NewsInit()">
<TABLE ID="NewsReader" CLASS="NewReaderBlock" CELLPADDING=0 CELLSPACING=0 ALIGN="center">
<TR><TD><B>. : : Les News de la Mustang : : .</B></TD></TR>
<TR><TD ID="NewsContent" CLASS="NewReaderContent"> </TD></TR>
</TABLE>
<DIV ID="mainnews" CLASS="MainContent">
<!-- ET ON CHANGE LE ID="news" PAR ID="newsX" OU X CORRESPOND A L'ID DE LA NEWS -->
<!-- LA 0 -->
<TABLE CLASS="NewsBlock" ID="news0" CELLSPACING=0 CELLPADDING=1 BORDER=0>
<TR CLASS="NewsHead"><TD>NEWS</TD></TR>
<TR><TD CLASS="NewsContent"><a href="http://www.autoblog.com/2010/01/18/shelby-unveils-2011-gt350-mustang-at-barrett-jackson/">2011 GT350 Mustang</a>
<br />
<BR><img src="leadshelbygt3502011.jpg" alt="mustang" />
<BR></TD></TR>
</TABLE>
<!-- ICI 1 -->
<TABLE CLASS="NewsBlock" ID="news1" CELLSPACING=0 CELLPADDING=1 BORDER=0>
<TR CLASS="NewsHead"><TD>Ford Mustang official site</TD></TR>
<TR><TD CLASS="NewsContent"><a href="http://www.fordvehicles.com/cars/mustang/">Ford Mustang official site</a>
<br />
<BR><img src="mst11_grabberblue.jpg" alt="mustang site" /></TD></TR>
</TABLE>
<!-- ENFIN 2, DE 0 A 2 CA FAIT 3 DONC nbnews = 3 -->
<TABLE CLASS="NewsBlock" ID="news2" CELLSPACING=0 CELLPADDING=1 BORDER=0>
<TR CLASS="NewsHead"><TD>Ford Mustang galleries</TD></TR>
<TR><TD CLASS="NewsContent"><a href="http://www.powerpassion.nl/mustang/mustang-photos/enter">Ford Mustang galleries</a>
<br /><BR><img src="galleries.jpg" alt="mustang site galleries" /></TD></TR>
</TD></TR>
</TABLE>
</DIV>
</BODY>
</DIV>
<DIV id=Img2 class="cImg2">
<a name=ANCHOR_Img2></a>
<IMG alt="" id=LMImageImg2 src="./images/damier0.jpg" class="cLMImageImg2"></DIV>
<DIV id=Compteur1 align=left class="cCompteur1">
<a name=ANCHOR_Compteur1></a>
<!-- Webdezign.tutoriaux.free.fr® Compteur de visiteurs -->
<script src="http://webdezign.tutoriaux.free.fr/services/compteur_page.php?client=15382&Af=6"></script>
<!-- Fin Compteur de visiteurs® -->
</DIV>
<DIV id=Contacts class="cContacts">
<a name=ANCHOR_Contacts></a>
<a href="mailto:stef1010@live.fr" title="Mon adresse mail">
<IMG alt="Mon adresse mail" id=LMButtonContacts src="./buttons/_gen_butup0.gif" class="cLMButtonContacts"></a></DIV>
<DIV id=Groupe1 class="cGroupe1">
<a name=ANCHOR_Groupe1></a>
</DIV>
<DIV id=GDroite class="cGDroite">
<a name=ANCHOR_GDroite></a>
</DIV>
<DIV id=GMenu class="cGMenu">
<a name=ANCHOR_GMenu></a>
</DIV>
<DIV id=Img5 class="cImg5">
<a name=ANCHOR_Img5></a>
<IMG alt="" id=LMImageImg5 src="./images/_gen_img5_90.bmp" class="cLMImageImg5"></DIV>
<DIV id=GBanniere class="cGBanniere">
<a name=ANCHOR_GBanniere></a>
</DIV>
<DIV id=GCentre class="cGCentre">
<a name=ANCHOR_GCentre></a>
</DIV>
<DIV id=Img7 class="cImg7">
<a name=ANCHOR_Img7></a>
<IMG alt="" id=LMImageImg7 src="./images/_gen_img7_20.jpg" class="cLMImageImg7"></DIV>
<DIV id=Img3 class="cImg3">
<a name=ANCHOR_Img3></a>
<IMG alt="" id=LMImageImg3 src="./images/_gen_img3_90.bmp" class="cLMImageImg3"></DIV>
<DIV id=GSupport class="cGSupport">
<a name=ANCHOR_GSupport></a>
</DIV>
<DIV id=Img1 class="cImg1">
<a name=ANCHOR_Img1></a>
<IMG alt="" id=LMImageImg1 src="./images/_gen_img1_90.jpg" class="cLMImageImg1"></DIV>
<script type="text/javascript">
//LMSOFT Web Creator, Version:5.1.0.1
//LMSOFT Kernel 80
var LMObjects = new Array();
var pub_home = "./index.html"
var objindex=0;
var Stretch=2;
var Position=0;
var ScaleW=1.000000;
var ScaleH=1.000000;
var fontbase=96.;
//---------------------------------------------------------------------------------------------
try {
if(isValideBrowser(4.00,4.00)) {
//---------------------------------------------------------------------------------------------
LMObjects[objindex++] = LMPage("Page",null,null,null);
LMObjects[objindex++] = LMImage("Img1",1,0,null,0,null,null,null,null,0);
objlist = new Array();
objlist[0] = "Img1";
LMObjects[objindex++] = LMGroup("GSupport",1,objlist);
LMObjects[objindex++] = LMImage("Img3",1,0,null,0,null,null,null,null,0);
branchlist = new Array();
LMObjects[objindex++] = LMText("BodyText",1,0,null,0,null,branchlist,null,null,0,0,0,0);
LMObjects[objindex++] = LMImage("Img7",1,0,null,0,null,null,null,null,0);
objlist = new Array();
objlist[0] = "Img3";
objlist[1] = "BodyText";
objlist[2] = "Img7";
LMObjects[objindex++] = LMGroup("GCentre",1,objlist);
objlist = new Array();
LMObjects[objindex++] = LMGroup("GBanniere",1,objlist);
LMObjects[objindex++] = LMImage("Img5",1,0,null,0,null,null,null,null,0);
objlist = new Array();
objlist[0] = "Img5";
LMObjects[objindex++] = LMGroup("GMenu",1,objlist);
branchlist = new Array();
LMObjects[objindex++] = LMText("Txt15",1,0,null,0,null,branchlist,null,null,0,0,20,0);
branchlist = new Array();
LMObjects[objindex++] = LMText("Text2",1,0,null,0,null,branchlist,null,null,0,0,20,0);
branchlist = new Array();
LMObjects[objindex++] = LMText("Text6",1,0,null,0,null,branchlist,null,null,0,0,20,0);
objlist = new Array();
objlist[0] = "Txt15";
objlist[1] = "Text2";
objlist[2] = "Text6";
LMObjects[objindex++] = LMGroup("GDroite",1,objlist);
objlist = new Array();
LMObjects[objindex++] = LMGroup("Groupe1",1,objlist);
LMObjects[objindex++] = LMButton("Contacts",1,0,null,0,null,new LMBranch("0","mailto:stef1010@live.fr"),null,"Mon adresse mail",null,0,0,"./buttons/_gen_butdn0.gif",null,1);
LMObjects[objindex++] = LMCounter("Compteur1",1,null);
branchlist = new Array();
LMObjects[objindex++] = LMText("Text4",1,0,null,0,null,branchlist,null,null,0,0,20,0);
branchlist = new Array();
LMObjects[objindex++] = LMText("Text7",1,0,null,0,null,branchlist,null,null,0,0,0,0);
branchlist = new Array();
LMObjects[objindex++] = LMText("Text8",1,0,null,0,null,branchlist,null,null,0,0,0,0);
LMObjects[objindex++] = LMImage("Img2",1,0,null,0,null,null,null,null,0);
LMObjects[objindex++] = LMCounter("Compteur2",1,null);
branchlist = new Array();
LMObjects[objindex++] = LMText("Text1",1,0,null,0,null,branchlist,null,null,0,0,20,0);
branchlist = new Array();
LMObjects[objindex++] = LMText("Text3",1,0,null,0,null,branchlist,null,null,0,0,0,0);
//---------------------------------------------------------------------------------------------
}
}catch(e) {
alert(e.message);
}
var backpanel2=FindTagFromId("lmwcbackpanel2");
backpanel2.align="left";
SetBaseColor(0x3ef,0x3f1,0x89);
LMObjectAnimate(Stretch,Position,ScaleW,ScaleH);
</script><noscript><br></noscript>
</DIV>
</DIV>
</DIV>
</body>
</html>
Voiçi le css
Code : .cLinkHidden {position:absolute; visibility:hidden; left:0px; top:0px; width:0px; height:0px; overflow:hidden;}
.cPage {visibility:visible;overflow:hidden;position:absolute;z-index:1;left:0px;top:0px;}
.cLMImagePage {width:1024px;height:1000px;border:0px;}
.cImg1 {visibility:visible;overflow:hidden;position:absolute;z-index:2;left:92px;top:-1px;}
.cLMImageImg1 {width:810px;height:1000px;border:0px;}
.cGSupport {visibility:visible;overflow:hidden;position:absolute;z-index:3;left:0px;top:0px;width:0px;height:0px;}
.cImg3 {visibility:visible;overflow:hidden;position:absolute;z-index:4;left:127px;top:286px;}
.cBodyText {visibility:visible;position:absolute;z-index:5;left:136px;top:559px;width:436px;height:278px;}
.cLMTxtBodyText {visibility:inherit;padding:0 0 0 0px;position:relative;left:0px;top:0px;width:436px;height:278px;}
.cImg7 {visibility:visible;overflow:hidden;position:absolute;z-index:6;left:600px;top:366px;}
.cLMImageImg7 {width:1px;height:450px;border:0px;}
.cGCentre {visibility:visible;overflow:hidden;position:absolute;z-index:7;left:0px;top:0px;width:0px;height:0px;}
.cGBanniere {visibility:visible;overflow:hidden;position:absolute;z-index:8;left:0px;top:0px;width:0px;height:0px;}
.cImg5 {visibility:visible;overflow:hidden;position:absolute;z-index:9;left:127px;top:78px;}
.cGMenu {visibility:visible;overflow:hidden;position:absolute;z-index:10;left:0px;top:0px;width:0px;height:0px;}
.cTxt15 {visibility:visible;position:absolute;z-index:11;left:616px;top:661px;width:128px;height:17px;}
.cLMTxtTxt15 {visibility:inherit;padding:0 0 0 0px;position:relative;left:0px;top:0px;width:108px;height:17px;}
.cText2 {visibility:visible;position:absolute;z-index:12;left:654px;top:364px;width:110px;height:33px;}
.cLMTxtText2 {visibility:inherit;padding:0 0 0 0px;position:relative;left:0px;top:0px;width:90px;height:33px;}
.cText6 {visibility:visible;position:absolute;z-index:13;left:630px;top:363px;width:35px;height:25px;}
.cLMTxtText6 {visibility:inherit;padding:0 0 0 0px;position:relative;left:0px;top:0px;width:15px;height:25px;}
.cGDroite {visibility:visible;overflow:hidden;position:absolute;z-index:14;left:0px;top:0px;width:0px;height:0px;}
.cGroupe1 {visibility:visible;overflow:hidden;position:absolute;z-index:15;left:0px;top:0px;width:0px;height:0px;}
.cContacts {visibility:visible;overflow:hidden;position:absolute;z-index:16;left:432px;top:960px;}
.cLMButtonContacts {width:159px;height:35px;border:0px;}
.cCompteur1 {visibility:visible;overflow:hidden;position:absolute;z-index:17;left:795px;top:88px;width:48px;height:48px;}
.cText4 {visibility:visible;position:absolute;z-index:18;left:616px;top:496px;width:128px;height:17px;}
.cLMTxtText4 {visibility:inherit;padding:0 0 0 0px;position:relative;left:0px;top:0px;width:108px;height:17px;}
.cText7 {visibility:visible;position:absolute;z-index:19;left:616px;top:684px;width:177px;height:85px;}
.cLMTxtText7 {visibility:inherit;padding:0 0 0 0px;position:relative;left:0px;top:0px;width:177px;height:85px;}
.cText8 {visibility:visible;position:absolute;z-index:20;left:616px;top:525px;width:170px;height:138px;}
.cLMTxtText8 {visibility:inherit;padding:0 0 0 0px;position:relative;left:0px;top:0px;width:170px;height:138px;}
.cImg2 {visibility:visible;overflow:hidden;position:absolute;z-index:21;left:135px;top:90px;}
.cLMImageImg2 {width:710px;height:164px;border:0px;}
.cCompteur2 {visibility:visible;overflow:hidden;position:absolute;z-index:22;left:210px;top:345px;width:299px;height:171px;}
.cText1 {visibility:visible;position:absolute;z-index:23;left:616px;top:397px;width:128px;height:17px;}
.cLMTxtText1 {visibility:inherit;padding:0 0 0 0px;position:relative;left:0px;top:0px;width:108px;height:17px;}
.cText3 {visibility:visible;position:absolute;z-index:24;left:616px;top:418px;width:163px;height:77px;}
.cLMTxtText3 {visibility:inherit;padding:0 0 0 0px;position:relative;left:0px;top:0px;width:163px;height:77px;}
J'espère que vous saurez me venir en aide.
Merçi d'avance.  |
|
mardi 1 juin 2010 à 23:17:36 |
Re : Problême affichage menu sous chrome et firefox.
PetoleTeam
|
Bonjour,
Yo !!!! il fallait le déterrer celui la, néanmoins le soucis vient de la prise en compte des ILAYER et LAYER qui ne sont corrects que sous feu NetScape et qui visiblement mettent la pagaille sur les navigateurs modernes.
;O)
|
|
mercredi 2 juin 2010 à 10:14:26 |
Re : Problême affichage menu sous chrome et firefox.
stef1010
|
Bonjour, ah ok Merçi pour ta réponse et il y en a quelques un en plus.
Vois tu une solution a cela? Que puis je utilisé d'autres?
Ou dois je tous simplement changer mon menu?
|
|
mercredi 2 juin 2010 à 18:20:58 |
Re : Problême affichage menu sous chrome et firefox.
PetoleTeam
|
Réponse acceptée !
Bonjour,
après réindentation et mise en commentaire du superflu, la fonction devient
Code Javascript :
function buildMenu() {
if (IE || NS6) {
document.write('<div id="basessm" style="visibility:hidden;Position : Absolute ;Left : ' + XOffset + ' ;Top : ' + YOffset + ' ;Z-Index : 20;width:' + (menuWidth + barWidth + 10) + '"><div id="thessm" style="Position : Absolute ;Left : ' + (-menuWidth) + ' ;Top : 0 ;Z-Index : 20;" onmouseover="moveOut()" onmouseout="moveBack()">');
}
// if (NS) {
// document.write('<layer name="basessm1" top="' + YOffset + '" left=' + XOffset + ' visibility="show"><ilayer name="basessm2"><layer visibility="hide" name="thessm" bgcolor="' + menuBGColor + '" left="' + (-menuWidth) + '" onmouseover="moveOut()" onmouseout="moveBack()">');
// }
if (NS6) {
document.write('<table border="0" cellpadding="0" cellspacing="0" width="' + (menuWidth + barWidth + 2) + '" bgcolor="' + menuBGColor + '"><TR><TD>');
}
document.write('<table border="0" cellpadding="0" cellspacing="1" width="' + (menuWidth + barWidth + 2) + '" bgcolor="' + menuBGColor + '">');
for (i = 0; i < ssmItems.length; i++) {
if (!ssmItems[i][3]) {
ssmItems[i][3] = menuCols;
ssmItems[i][5] = menuWidth - 1;
} else if (ssmItems[i][3] != menuCols) ssmItems[i][5] = Math.round(menuWidth * (ssmItems[i][3] / menuCols) - 1);
if (ssmItems[i - 1] && ssmItems[i - 1][4] != "no") {
document.write('<tr>');
}
if (!ssmItems[i][1]) {
document.write('<td bgcolor="' + hdrBGColor + '" HEIGHT="' + hdrHeight + '" ALIGN="' + hdrAlign + '" VALIGN="' + hdrVAlign + '" WIDTH="' + ssmItems[i][5] + '" COLSPAN="' + ssmItems[i][3] + '"><font face="' + hdrFontFamily + '" Size="' + hdrFontSize + '" COLOR="' + hdrFontColor + '"> <b>' + ssmItems[i][0] + '</b></font></td>');
} else {
if (!ssmItems[i][2])
ssmItems[i][2] = linkTarget;
document.write('<td bgcolor="' + linkBGColor + '" onmouseover="bgColor=\'' + linkOverBGColor + '\'" onmouseout="bgColor=\'' + linkBGColor + '\'" width="' + ssmItems[i][5] + '" colspan="' + ssmItems[i][3] + '">');
// document.write('<ilayer><layer onmouseover="bgColor=\'' + linkOverBGColor + '\'" onmouseout="bgColor=\'' + linkBGColor + '\'" width="100%" align="' + linkAlign + '">');
document.write('<div align="' + linkAlign + '"><font face="' + linkFontFamily + '" size="' + linkFontSize + '"> <a href="' + ssmItems[i][1] + '" target="' + ssmItems[i][2] + '" class="ssmItems">' + ssmItems[i][0] + '</div>');
// document.write('</layer></ilayer>');
document.write('</td>');
}
if (ssmItems[i][4] != "no" && barBuilt == 0) {
buildBar();
barBuilt = 1;
}
if (ssmItems[i][4] != "no") {
document.write('</tr>');
}
}
document.write('</table>');
if (NS6) {
document.write('</td></tr></table>');
}
if (IE || NS6) {
document.write('</div></div>');
}
// if (NS) {
// document.write('</layer></ilayer></layer>');
// }
theleft = -menuWidth;
lastY = 0;
setTimeout('initSlide();', 1);
}pas été voir plus loin, mais il est possible qu'il y ai encore çà et là de petits tracas...
;O)
|
|
jeudi 3 juin 2010 à 00:54:05 |
Re : Problême affichage menu sous chrome et firefox.
stef1010
|
Bonjour,
Franchement merçi.
Je galérait depuis deux semaine la dessus.
Tu m'as rendu un immense service.
 |
|
Cette discussion est classée dans : position, document, left, top, 0px
 Répondre à ce message
 Sujets en rapport avec ce message
OPEN DOCUMENT [ par Stater ]
Jais une page WEB avec 3 FRAMES (TOP,LEFT) 1 FRAME (TOP) frame static (logo,...) 2 FRAME (LEFT) menu dynamique avec lien sur des documents se trouv
chgt de style suivant la resolution ? [ par seabird ]
Salut, J'ai optimisé mes pages pour un affichage en 1024x 768.J'ai donc rajouté un div pour la centrer si éventuellement la résolution est plus grande
pb compatibilité explorer [ par Bestdoud ]
Bonjour,J'ai fait cette page web:http://amigagaamp.free.fr/index2.htmCa fonctionne très bien sous IE mais pas sous firefox et j'ai pas esséy les autre
Probleme d'affichage [ par Taker2004 ]
Salut je suis nouveau et j'ai des probleme d'affichage, je sais pas si je suis a la bonne place mais voici l'erreur que sa me donne quand je vérifie a
Position relative de calques... problèmeS [ par lunelautre ]
[u]Bonjour j'ai des calques de menu (invisibles quand non actifs) dont la position est relative ... en fonction de la taille de la fenêtre du navigate
TextArea ou Select et position de la souris [ par 6BerYeti ]
Bonjour,Je souhaite faire afficher une infobulle là où est le curseur (avec un offset) et à la déplacer qd la souris se déplace.J'ai à peu près tout c
Comment rendre valide mon code Javascript ? [ par lebeef ]
Bonjour à toutes et à tous,J'ai un petit soucis avec mon code javascript qui n'est pas valide sur le W3C. Malheureusement je ne comprend pas vraiment
Une boite flotante capricieuse [ par Nathbest ]
Bonjour à tous, alors voici mon problème:J'ai un système de boite flotante qui s'affiche à moitié caché sur la gauche, puis losque l'on passe la souri
positionner une div à top=0 et la centrer [ par sagat06 ]
Bonjour, j'ai un soucis qui me semble tout bête mais m'énerve comme c'est pas permis Voilà, je souhaite placer sur mon site une sorte de bandeau tout
Compatibilité W3C - style.left [ par stanilou ]
Bonjour,Ce test fonctionne sous IE mais pas sous FF (Le div ne se déplace pas):<html xm
 Livres en rapport
|
Derniers Blogs
 POUR RAPPEL ! LES SPéCIFICATIONS DES PROTOCOLES OFFICE ET SHAREPOINT SONT DISPONIBLES SUR MSDNPOUR RAPPEL ! LES SPéCIFICATIONS DES PROTOCOLES OFFICE ET SHAREPOINT SONT DISPONIBLES SUR MSDN par neodante
Quelle est le point commun entre : Microsoft il y a 10 ans et Apple aujourd'hui ? Réponse: avoir une politique de protocoles propriétaires et fermés :) Car pour rappel (si si je vous assure c'est important de le rappeler), la majorité des spécifications e...
Cliquez pour lire la suite de l'article par neodante JOYEUX ANNIVERSAIRE NIXJOYEUX ANNIVERSAIRE NIX par ebartsoft
Souhaitons un bon et joyeux anniversaire à notre hôte à tous, Nix.
Je ne le répéterais jamais assez mais sans lui rien ne serait possible. Il défit en permanence les lois de la gravité et comme il le dit si bien, si tu lui fais confiance ça devra...
Cliquez pour lire la suite de l'article par ebartsoft IMAGINE CUP 2012, MAKE A SIGN EN FINALEIMAGINE CUP 2012, MAKE A SIGN EN FINALE par junarnoalg
Voilà qui est fait, la nouvelle est officielle ! L'équipe belge "Make a Sign" va au pays des kangourous défendre son projet dans la catégorie Software Design. http://www.imaginecup.com/CompetitionsContent/Competition/WorldwideFinalists.aspx V...
Cliquez pour lire la suite de l'article par junarnoalg KINECT 1.5 IS OUT !KINECT 1.5 IS OUT ! par Vko
La version 1.5 du Kinect For Microsoft vient tout juste de sortir ! Plein de nouveautés: Tracking de squelette en Near Mode Détection en position assise Détection faciale avec un SDK dédié Documentation et des guideline (enfin) Un out...
Cliquez pour lire la suite de l'article par Vko LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) par richardc
Mise à jour des Web API du 14 Mai
Réservez dès maintenant votre journée du 20 juin pour le Windows Azure Dev Camp 2012 à Paris
Mise à jour de Team Foundation Service
MechCommander 2 sur Windows 8
Entity Framework 5 Release Candidate e...
Cliquez pour lire la suite de l'article par richardc
Logiciels
 sDEVIS-FACTURES vlPRO (8.1.0.3)SDEVIS-FACTURES VLPRO (8.1.0.3)sDEVIS-FACTURES vlPRO a été mis au point pour les particuliers, créateurs, entrepreneurs, artisa... Cliquez pour télécharger sDEVIS-FACTURES vlPRO 974 Application Server (12.2.4.6)974 APPLICATION SERVER (12.2.4.6)Développez de puissantes applications dans un environnement de 'cloud computing', clusterisé, séc... Cliquez pour télécharger 974 Application Server vPicture (1.4.2.1)VPICTURE (1.4.2.1)Avec vPicture, hébergez vos images facilement et rapidement.
vPicture est un utilitaire simple, ... Cliquez pour télécharger vPicture Easy-Planning (2.2.1.6)EASY-PLANNING (2.2.1.6)Easy-Planning permet de créer des plannings sous la représentation de diagrammes et est adapté au... Cliquez pour télécharger Easy-Planning COM-BACKUP (2.0)COM-BACKUP (2.0)
COM-BACKUP est un logiciel de sauvegarde qui permet de planifier les sauvegardes de vos dossiers ...
Cliquez pour télécharger COM-BACKUP
|