28173 sujets

CSS et mise en forme, CSS3

Menu déroulant que je veux figer !!!!

Salut à tous,

Eh oui comme beaucoup, j'ai pris un menu disponible sur un site et j'ai un piti soucis :

c'est un menu nickel, déroulant, horizontal. Que j'ai réussi à placer à l'endoit souhaité dans ma page.
Seulement, vu que j'ai des acsenseurs pour ma page, lorsque je les descend ou monte, le menu aussi bouge. Alors que s'il n'y a pas d'acsenseur, le menu reste fixe.
J'ai essayé plusieurs manip (taille de la page, en css le mettre en statique...) mais pas de succés...

Avez-vous une idée pour le figer??? S'il vous plait???

Merci à ceux qui me répondront.
Administrateur
Bonjour et bienvenue youna,

"un menu", "un site", c'est suffisamment vague pour qu'on ne puisse pas t'indiquer quoi modifier (ou ce qui ne fonctionne pas) sans savoir à quoi il ressemble (code, principe, etc). Aurais-tu idéalement un exemple en ligne à nous montrer STP?

Felipe
OK, alors voici le code du script :


Dans Head :
[/code]<script src="Working%20Files/menus%20d&#233;roulants/javascriptfr_source_15959/webfiles/present/menu.js"></script>

<STYLE>
#text {VISIBILITY: visible; overflow: auto}
#slide {Z-INDEX:2; LEFT: 0px; VISIBILITY: visible; POSITION: absolute; TOP: 0px}
#glowtext {FILTER: glow(color=#0412C3 strength=1); WIDTH: 100%}



BODY{
font-family: Arial, Helvetica;
SCROLLBAR-FACE-COLOR: #6a84ae;
SCROLLBAR-HIGHLIGHT-COLOR: #aaaaff;
SCROLLBAR-SHADOW-COLOR: #335997;
SCROLLBAR-3DLIGHT-COLOR: #335997;
SCROLLBAR-ARROW-COLOR: #ffffce;
SCROLLBAR-TRACK-COLOR: #adb9d6;
SCROLLBAR-DARKSHADOW-COLOR: black;
margin-bottom: 0px;
height: 100px;
}
.titre{ color: #ffffff; font-size: 12px; font-family: Arial, Helvetica; text-decoration: none }
A.titre:hover{ font-size: 12px; font-family: Arial, Helvetica; text-decoration: none }
TR.menu{ background-color: #8bc6d6; border: 3px #FFFFFF }
TR.menuOver { background: #4ba6bf url(/menu/img/bg_menu.jpg) no-repeat; border: 3px #ffffff }
A.menu{ color: #ffffff; font-size: 11px; line-height: 16px; font-family: Arial, Helvetica; text-decoration: none }
A.menu:hover{ font-size: 11px; line-height: 16px; font-family: Arial, Helvetica; text-decoration: none }
.menuBas{ color: #ffffff; font-size: 10px; font-family: Verdana, Arial, Helvetica; text-decoration: none }
A.menuBas:hover{ font-size: 10px; font-family: Verdana, Arial, Helvetica; text-decoration: none }
.menuBas2 { color: #ffffff; font-style: normal; font-size: 10px; font-family: Verdana, Arial, Helvetica; text-decoration: none }
A.menuBas2:hover { color: #ffffff; font-style: normal; font-size: 10px; font-family: Verdana, Arial, Helvetica; text-decoration: none; background: url(/menu/img/bg_menubas2.gif) no-repeat }
.calqueMenu {z-index:1; visibility: hidden; border: 0px none #000000; margin: 0px 0px 0px 0px;}
.calqueMenuBas { background-color: #adb9d6; margin: 0px; border: none 0px #000000; z-index: 1; top: 136px; left: 0px; width: 750px; height: 20px; visibility: hidden; layer-background-color: #adb9d6 }


.calqueMenuBas2 { background-color: #0d5a9e; margin: 0px; border: none 0px #000000; z-index: 1; top: 154px; left: 0px; width: 750px; height: 20px; visibility: hidden; layer-background-color: #0d5a9e }
.txt2Class { color: #ffffff; font-size: 11px; line-height: 16px; font-family: Arial, Helvetica; text-decoration: none }


.head1Class { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #000000; text-decoration: none; line-height: 11pt; background-position: center}

INPUT.head2Class { color: #000000; font-size: 10px; line-height: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; background-color: #e9e6eb; text-align: center; letter-spacing: -1px; vertical-align: middle; border: solid 1px #ffffff; width: 110px; height: 11px; overflow: hidden }

/*******************
INPUT.head2Class { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #000000; text-decoration: none; line-height: 11pt; border: #FFFFFF; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; background-color: #adb9d6
*******************/
.slide {
position: static;
}
</STYLE>[code]




Et dans body :

[code]<DIV id=horse style="width: 20px; height: 20px"></DIV>
<SCRIPT language=JavaScript>
self.onError=null;

currentX = currentY = 0;
whichIt = null;
lastScrollX = 0; lastScrollY = 10;
NS = (document.layers) ? 1 : 0;
IE = (document.all) ? 1: 0;
if(IE) document.all.horse.style.pixelTop = document.body.clientHeight - 25;
if(NS) document.horse.top = document.body.clientHeight - 25;

function heartBeat() {

if(IE) { diffY = document.body.scrollTop; diffX = document.body.scrollLeft; }
if(NS) { diffY = self.pageYOffset; diffX = self.pageXOffset; }
if(diffY != lastScrollY) {
percent = .1 * (diffY - lastScrollY);
if(percent > 0) percent = Math.ceil(percent);
else percent = Math.floor(percent);
if(IE) document.all.slide.style.pixelTop += percent;
if(NS) document.slide.top += percent;

if(IE) document.all.horse.style.pixelTop = document.body.clientHeight - 25 + document.all.slide.style.pixelTop;
if(NS) document.horse.top = document.body.clientHeight - 25 + document.slide.top;
lastScrollY = lastScrollY + percent;
}
if(diffX != lastScrollX) {
percent = .1 * (diffX - lastScrollX);
if(percent > 0) percent = Math.ceil(percent);
else percent = Math.floor(percent);
if(IE) document.all.slide.style.pixelLeft += percent;
if(NS) document.slide.left += percent;
lastScrollX = lastScrollX + percent;
}
}

function checkFocus(x,y) {
var totalY, totalX;
floatx = document.slide.pageX;
floaty = document.slide.pageY;
floatwidth = document.slide.clip.width;
floatheight = document.slide.clip.height;

if(20 == 0) totalY = floatheight;
else totalY = 25;
if(0 == 0) totalX = floatwidth;
else totalX = 0;
if( (x > floatx && x < (floatx+totalX)) && (y > floaty && y <
(floaty+totalY))) return true;
else return false;
}

function grabIt(e) {
if(IE) {
whichIt = event.srcElement;
while (whichIt.id.indexOf("slide") == -1) {
whichIt = whichIt.parentElement;
if (whichIt == null) { return true; }
}
whichIt.style.pixelLeft = whichIt.offsetLeft;
whichIt.style.pixelTop = whichIt.offsetTop;
currentX = (event.clientX + document.body.scrollLeft);
currentY = (event.clientY + document.body.scrollTop);

if(20 == 0) totalY = whichIt.style.pixelHeight;
else totalY = 20;
if(0 == 0) totalX = whichIt.style.pixelWidth;
else totalX = 0;
if(!(event.clientX > whichIt.offsetLeft && event.clientX
< whichIt.offsetLeft + totalX) ||
!(currentY > whichIt.offsetTop && currentY <
whichIt.offsetTop + totalY)) whichIt = null;
} else {
window.captureEvents(Event.MOUSEMOVE);
if(checkFocus (e.pageX,e.pageY)) {
whichIt = document.slide;
FloatTouchedX = e.pageX-document.slide.pageX;
FloatTouchedY = e.pageY-document.slide.pageY;
}
}
return true;
}

function moveIt(e) {
if (whichIt == null) { return false; }
if(IE) {
newX = (event.clientX + document.body.scrollLeft);
newY = (event.clientY + document.body.scrollTop);
distanceX = (newX - currentX); distanceY = (newY -
currentY);
currentX = newX; currentY = newY;
whichIt.style.pixelLeft += distanceX;
whichIt.style.pixelTop += distanceY;
if(whichIt.style.pixelTop < document.body.scrollTop) whichIt.style.pixelTop = document.body.scrollTop;
if(whichIt.style.pixelLeft < document.body.scrollLeft) whichIt.style.pixelLeft = document.body.scrollLeft;
if(whichIt.style.pixelLeft > document.body.offsetWidth - document.body.scrollLeft - whichIt.style.pixelWidth - 20) whichIt.style.pixelLeft = document.body.offsetWidth - whichIt.style.pixelWidth - 20;
if(whichIt.style.pixelTop > document.body.offsetHeight + document.body.scrollTop - whichIt.style.pixelHeight - 5) whichIt.style.pixelTop = document.body.offsetHeight + document.body.scrollTop - whichIt.style.pixelHeight - 5;
event.returnValue = false;
} else {

whichIt.moveTo(e.pageX-FloatTouchedX,e.pageY-FloatTouchedY);
if(whichIt.left < 0+self.pageXOffset) whichIt.left =
0+self.pageXOffset;
if(whichIt.top < 0+self.pageYOffset) whichIt.top =
0+self.pageYOffset;
if( (whichIt.left + whichIt.clip.width) >=
(window.innerWidth+self.pageXOffset-17)) whichIt.left =
((window.innerWidth+self.pageXOffset)-whichIt.clip.width)-17;
if( (whichIt.top + whichIt.clip.height) >=
(window.innerHeight+self.pageYOffset-17)) whichIt.top =
((window.innerHeight+self.pageYOffset)-whichIt.clip.height)-17;
return false;
}
return false;
}

function dropIt() {
whichIt = null;
if(NS) window.releaseEvents (Event.MOUSEMOVE);
return true;
}


if(NS) {
window.captureEvents(Event.MOUSEUP|Event.MOUSEDOWN);
window.onmousedown = grabIt;
window.onmousemove = moveIt;
window.onmouseup = dropIt;
}
if(IE) {
document.onmousedown = grabIt;
document.onmousemove = moveIt;
document.onmouseup = dropIt;
}


if(NS || IE) action = window.setInterval("heartBeat()",1);


</SCRIPT>

<SCRIPT language=javascript type=text/javascript>
s="na";c="na";j="na";f=""+escape(document.referrer)
</SCRIPT>
<DIV id=slide style="LEFT: 201px; POSITION: absolute; TOP: 447px; width: 595px; height: 60px" align=right>

<div id="Slide" style="position:absolute; height:18px; z-index:1; left:-1px; top:15px; width: 560px">
<table border="0" cellspacing="0" cellpadding="0" height="18" width="560" bgcolor="#8bc6d6">
<tr height="25" align="center" valign="middle">


<td width="140" onmouseover="this.style.backgroundColor='#8bc6d6';MENU_changeClass(this,'menuOver');MENU_showHideLayers('none',1,menu);return true;" onmouseout="this.style.backgroundColor='#4BA6BF';MENU_changeClass(this,'menu')"><a href="#" onClick="javascript:MENU_showHideLayers('sml0',0,menu);return true;" onmouseout="MENU_idTimer=setTimeout('MENU_showHideLayers(\'none\',0,menu)',MENU_timer);" onmouseover="clearTimeout(MENU_idTimer);MENU_showHideLayers('internet',0,menu);return true;" class="titre">Internet</a></td>
<td width="140" onmouseover="this.style.backgroundColor='#8bc6d6';MENU_changeClass(this,'menuOver');MENU_showHideLayers('none',1,menu);return true;" onmouseout="this.style.backgroundColor='#4BA6BF';MENU_changeClass(this,'menu')"><a href="#" onClick="javascript:MENU_showHideLayers('sml1',0,menu);return true;" onmouseout="MENU_idTimer=setTimeout('MENU_showHideLayers(\'none\',0,menu)',MENU_timer);" onmouseover="clearTimeout(MENU_idTimer);MENU_showHideLayers('customers',0,menu);return true;" class="titre">Customers Area</a></td>
<td width="140" onmouseover="this.style.backgroundColor='#8bc6d6';MENU_changeClass(this,'menuOver');MENU_showHideLayers('none',1,menu);return true;" onmouseout="this.style.backgroundColor='#4BA6BF';MENU_changeClass(this,'menu')"><a href="Working%20Files/menus%20d&#233;roulants/javascriptfr_source_15959/webfiles/enseignants/index.htm" onClick="javascript:MENU_showHideLayers('sml4',0,menu);return true;" onmouseout="MENU_idTimer=setTimeout('MENU_showHideLayers(\'none\',0,menu)',MENU_timer);" onmouseover="clearTimeout(MENU_idTimer);MENU_showHideLayers('futures',0,menu);return true;" class="titre">Future Customers</a></td>
<td width="140" onmouseover="this.style.backgroundColor='#8bc6d6';MENU_changeClass(this,'menuOver');MENU_showHideLayers('none',1,menu);return true;" onmouseout="this.style.backgroundColor='#4BA6BF';MENU_changeClass(this,'menu')"><a href="#" onClick="javascript:MENU_showHideLayers('sml0',0,menu);return true;" onmouseout="MENU_idTimer=setTimeout('MENU_showHideLayers(\'none\',0,menu)',MENU_timer);" onmouseover="clearTimeout(MENU_idTimer);MENU_showHideLayers('contact',0,menu);return true;" class="titre">Contact Us</a></td>
</tr>
</table>
</div>


<div id="internet" style=" position: absolute; z-index: 1; top: 42px; left: -1px; width: 120px; visibility: hidden; height: 112px" class="calqueMenu">
<table border="0" cellpadding="0" cellspacing="0" width="120" >
<tr>
<td colspan="3" bgcolor="#8bc6d6">
<table border="0" cellspacing="1" cellpadding="0" width="120" align="center">
<tr class="menu" onmouseover="MENU_changeClass(this,'menuOver');MENU_showHideLayers('none',1,menu);return true;" onmouseout="MENU_changeClass(this,'menu')">
<td><a href="FR/General/General_html/General_html-fr/sommaire_fr.htm" onmouseout="MENU_idTimer=setTimeout('MENU_showHideLayers(\'none\',0,menu)',MENU_timer);" onmouseover="clearTimeout(MENU_idTimer);MENU_showHideLayers('none',1,menu);return true;" class="menu" target="mainFrame">Français</a></td>
</tr>

<tr class="menu" onmouseover="MENU_changeClass(this,'menuOver');MENU_showHideLayers('none',1,menu);return true;" onmouseout="MENU_changeClass(this,'menu')">
<td><a href="Working%20Files/menus%20d&#233;roulants/javascriptfr_source_15959/webfiles/present/strat.htm" onmouseout="MENU_idTimer=setTimeout('MENU_showHideLayers(\'none\',0,menu)',MENU_timer);" onmouseover="clearTimeout(MENU_idTimer);MENU_showHideLayers('none',1,menu);return true;" class="menu" OLDREF="http://www.int-evry.fr/int/decouvrir.shtml" target="mainFrame">English</a></td>
</tr>

<tr class="menu" onmouseover="MENU_changeClass(this,'menuOver');MENU_showHideLayers('none',1,menu);return true;" onmouseout="MENU_changeClass(this,'menu')">
<td><a href="Working%20Files/menus%20d&#233;roulants/javascriptfr_source_15959/webfiles/present/org.htm" onmouseout="MENU_idTimer=setTimeout('MENU_showHideLayers(\'none\',0,menu)',MENU_timer);" onmouseover="clearTimeout(MENU_idTimer);MENU_showHideLayers('none',1,menu);return true;" class="menu" OLDREF="http://www.int-evry.fr/int/organisation.shtml" target="mainFrame">Deutsche</a></td>
</tr>

<tr class="menu" onmouseover="MENU_changeClass(this,'menuOver');MENU_showHideLayers('none',1,menu);return true;" onmouseout="MENU_changeClass(this,'menu')">
<td><a href="Working%20Files/menus%20d&#233;roulants/javascriptfr_source_15959/webfiles/present/dep.htm" onmouseout="MENU_idTimer=setTimeout('MENU_showHideLayers(\'none\',0,menu)',MENU_timer);" onmouseover="clearTimeout(MENU_idTimer);MENU_showHideLayers('none',1,menu);return true;" class="menu" OLDREF="http://www.int-evry.fr/anglais/english.shtml" target="mainFrame">Italiano</a></td>
</tr>

<tr class="menu" onmouseover="MENU_changeClass(this,'menuOver');MENU_showHideLayers('none',1,menu);return true;" onmouseout="MENU_changeClass(this,'menu')">
<td><a href="Working%20Files/menus%20d&#233;roulants/javascriptfr_source_15959/webfiles/present/ressources.htm" onmouseout="MENU_idTimer=setTimeout('MENU_showHideLayers(\'none\',0,menu)',MENU_timer);" onmouseover="clearTimeout(MENU_idTimer);MENU_showHideLayers('none',1,menu);return true;" class="menu" OLDREF="http://www.int-evry.fr/admissions/admissions.shtml" target="mainFrame">Espanol</a></td>
</tr>

</table>
</td>
</tr>

</table>
</div>


<div id="customers" style=" position: absolute; z-index: 1; top: 41px; left: 140px; width: 120px; visibility: hidden; height: 86px" class="calqueMenu">
<table border="0" cellpadding="0" cellspacing="0" width="100" >
<tr height="43">
<td colspan="3" height="43" bgcolor="#8bc6d6">
<table border="0" cellspacing="1" cellpadding="0" width="120" >
<tr class="menu" onmouseover="MENU_changeClass(this,'menuOver');MENU_showHideLayers('none',1,menu);return true;" onmouseout="MENU_changeClass(this,'menu')">
<td><a href="Working%20Files/menus%20d&#233;roulants/javascriptfr_source_15959/webfiles/present/mainPr.htm" onmouseout="MENU_idTimer=setTimeout('MENU_showHideLayers(\'none\',0,menu)',MENU_timer);" onmouseover="clearTimeout(MENU_idTimer);MENU_showHideLayers('none',1,menu);return true;" class="menu" target="mainFrame">Français</a></td>
</tr>

<tr class="menu" onmouseover="MENU_changeClass(this,'menuOver');MENU_showHideLayers('none',1,menu);return true;" onmouseout="MENU_changeClass(this,'menu')">
<td><a href="Working%20Files/menus%20d&#233;roulants/javascriptfr_source_15959/webfiles/present/strat.htm" onmouseout="MENU_idTimer=setTimeout('MENU_showHideLayers(\'none\',0,menu)',MENU_timer);" onmouseover="clearTimeout(MENU_idTimer);MENU_showHideLayers('none',1,menu);return true;" class="menu" OLDREF="http://www.int-evry.fr/int/decouvrir.shtml" target="mainFrame">English</a></td>
</tr>

<tr class="menu" onmouseover="MENU_changeClass(this,'menuOver');MENU_showHideLayers('none',1,menu);return true;" onmouseout="MENU_changeClass(this,'menu')">
<td><a href="Working%20Files/menus%20d&#233;roulants/javascriptfr_source_15959/webfiles/present/org.htm" onmouseout="MENU_idTimer=setTimeout('MENU_showHideLayers(\'none\',0,menu)',MENU_timer);" onmouseover="clearTimeout(MENU_idTimer);MENU_showHideLayers('none',1,menu);return true;" class="menu" OLDREF="http://www.int-evry.fr/int/organisation.shtml" target="mainFrame">Deutsche</a></td>
</tr>

<tr class="menu" onmouseover="MENU_changeClass(this,'menuOver');MENU_showHideLayers('none',1,menu);return true;" onmouseout="MENU_changeClass(this,'menu')">
<td><a href="Working%20Files/menus%20d&#233;roulants/javascriptfr_source_15959/webfiles/present/dep.htm" onmouseout="MENU_idTimer=setTimeout('MENU_showHideLayers(\'none\',0,menu)',MENU_timer);" onmouseover="clearTimeout(MENU_idTimer);MENU_showHideLayers('none',1,menu);return true;" class="menu" OLDREF="http://www.int-evry.fr/anglais/english.shtml" target="mainFrame">Italiano</a></td>
</tr>

<tr class="menu" onmouseover="MENU_changeClass(this,'menuOver');MENU_showHideLayers('none',1,menu);return true;" onmouseout="MENU_changeClass(this,'menu')">
<td><a href="Working%20Files/menus%20d&#233;roulants/javascriptfr_source_15959/webfiles/present/ressources.htm" onmouseout="MENU_idTimer=setTimeout('MENU_showHideLayers(\'none\',0,menu)',MENU_timer);" onmouseover="clearTimeout(MENU_idTimer);MENU_showHideLayers('none',1,menu);return true;" class="menu" OLDREF="http://www.int-evry.fr/admissions/admissions.shtml" target="mainFrame">Espanol</a></td>
</tr>
</table>
</td>
</tr>

</table>
</td>
</tr>

</table>
</div>



<div id="futures" style=" position: absolute; z-index: 2; top: 41px; left:282px; width: 120px; visibility: hidden; height: 164px" class="calqueMenu">
<table border="0" cellpadding="0" cellspacing="0" width="120">
<tr>
<td colspan="3" bgcolor="#8bc6d6">
<table border="0" cellspacing="1" cellpadding="0" width="120">
<tr class="menu" onmouseover="MENU_changeClass(this,'menuOver');MENU_showHideLayers('none',1,menu);return true;" onmouseout="MENU_changeClass(this,'menu')">
<td><a href="Working%20Files/menus%20d&#233;roulants/javascriptfr_source_15959/webfiles/present/mainPr.htm" onmouseout="MENU_idTimer=setTimeout('MENU_showHideLayers(\'none\',0,menu)',MENU_timer);" onmouseover="clearTimeout(MENU_idTimer);MENU_showHideLayers('none',1,menu);return true;" class="menu" target="mainFrame">Français</a></td>
</tr>

<tr class="menu" onmouseover="MENU_changeClass(this,'menuOver');MENU_showHideLayers('none',1,menu);return true;" onmouseout="MENU_changeClass(this,'menu')">
<td><a href="Working%20Files/menus%20d&#233;roulants/javascriptfr_source_15959/webfiles/present/strat.htm" onmouseout="MENU_idTimer=setTimeout('MENU_showHideLayers(\'none\',0,menu)',MENU_timer);" onmouseover="clearTimeout(MENU_idTimer);MENU_showHideLayers('none',1,menu);return true;" class="menu" OLDREF="http://www.int-evry.fr/int/decouvrir.shtml" target="mainFrame">English</a></td>
</tr>

<tr class="menu" onmouseover="MENU_changeClass(this,'menuOver');MENU_showHideLayers('none',1,menu);return true;" onmouseout="MENU_changeClass(this,'menu')">
<td><a href="Working%20Files/menus%20d&#233;roulants/javascriptfr_source_15959/webfiles/present/org.htm" onmouseout="MENU_idTimer=setTimeout('MENU_showHideLayers(\'none\',0,menu)',MENU_timer);" onmouseover="clearTimeout(MENU_idTimer);MENU_showHideLayers('none',1,menu);return true;" class="menu" OLDREF="http://www.int-evry.fr/int/organisation.shtml" target="mainFrame">Deutsche</a></td>
</tr>

<tr class="menu" onmouseover="MENU_changeClass(this,'menuOver');MENU_showHideLayers('none',1,menu);return true;" onmouseout="MENU_changeClass(this,'menu')">
<td><a href="Working%20Files/menus%20d&#233;roulants/javascriptfr_source_15959/webfiles/present/dep.htm" onmouseout="MENU_idTimer=setTimeout('MENU_showHideLayers(\'none\',0,menu)',MENU_timer);" onmouseover="clearTimeout(MENU_idTimer);MENU_showHideLayers('none',1,menu);return true;" class="menu" OLDREF="http://www.int-evry.fr/anglais/english.shtml" target="mainFrame">Italiano</a></td>
</tr>

<tr class="menu" onmouseover="MENU_changeClass(this,'menuOver');MENU_showHideLayers('none',1,menu);return true;" onmouseout="MENU_changeClass(this,'menu')">
<td><a href="Working%20Files/menus%20d&#233;roulants/javascriptfr_source_15959/webfiles/present/ressources.htm" onmouseout="MENU_idTimer=setTimeout('MENU_showHideLayers(\'none\',0,menu)',MENU_timer);" onmouseover="clearTimeout(MENU_idTimer);MENU_showHideLayers('none',1,menu);return true;" class="menu" OLDREF="http://www.int-evry.fr/admissions/admissions.shtml" target="mainFrame">Espanol</a></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>

</table>
</div>

<div id="contact" style=" position: absolute; z-index: 1; top: 42px; left: 420px; width: 120px; visibility: hidden; height: 112px" class="calqueMenu">
<table border="0" cellpadding="0" cellspacing="0" width="120" >
<tr>
<td colspan="3" bgcolor="#8bc6d6">
<table border="0" cellspacing="1" cellpadding="0" width="120" align="center">
<tr class="menu" onmouseover="MENU_changeClass(this,'menuOver');MENU_showHideLayers('none',1,menu);return true;" onmouseout="MENU_changeClass(this,'menu')">
<td><a href="Working%20Files/menus%20d&#233;roulants/javascriptfr_source_15959/webfiles/present/mainPr.htm" onmouseout="MENU_idTimer=setTimeout('MENU_showHideLayers(\'none\',0,menu)',MENU_timer);" onmouseover="clearTimeout(MENU_idTimer);MENU_showHideLayers('none',1,menu);return true;" class="menu" target="mainFrame">Français</a></td>
</tr>

<tr class="menu" onmouseover="MENU_changeClass(this,'menuOver');MENU_showHideLayers('none',1,menu);return true;" onmouseout="MENU_changeClass(this,'menu')">
<td><a href="Working%20Files/menus%20d&#233;roulants/javascriptfr_source_15959/webfiles/present/strat.htm" onmouseout="MENU_idTimer=setTimeout('MENU_showHideLayers(\'none\',0,menu)',MENU_timer);" onmouseover="clearTimeout(MENU_idTimer);MENU_showHideLayers('none',1,menu);return true;" class="menu" OLDREF="http://www.int-evry.fr/int/decouvrir.shtml" target="mainFrame">English</a></td>
</tr>

<tr class="menu" onmouseover="MENU_changeClass(this,'menuOver');MENU_showHideLayers('none',1,menu);return true;" onmouseout="MENU_changeClass(this,'menu')">
<td><a href="Working%20Files/menus%20d&#233;roulants/javascriptfr_source_15959/webfiles/present/org.htm" onmouseout="MENU_idTimer=setTimeout('MENU_showHideLayers(\'none\',0,menu)',MENU_timer);" onmouseover="clearTimeout(MENU_idTimer);MENU_showHideLayers('none',1,menu);return true;" class="menu" OLDREF="http://www.int-evry.fr/int/organisation.shtml" target="mainFrame">Deutsche</a></td>
</tr>

<tr class="menu" onmouseover="MENU_changeClass(this,'menuOver');MENU_showHideLayers('none',1,menu);return true;" onmouseout="MENU_changeClass(this,'menu')">
<td><a href="Working%20Files/menus%20d&#233;roulants/javascriptfr_source_15959/webfiles/present/dep.htm" onmouseout="MENU_idTimer=setTimeout('MENU_showHideLayers(\'none\',0,menu)',MENU_timer);" onmouseover="clearTimeout(MENU_idTimer);MENU_showHideLayers('none',1,menu);return true;" class="menu" OLDREF="http://www.int-evry.fr/anglais/english.shtml" target="mainFrame">Italiano</a></td>
</tr>

<tr class="menu" onmouseover="MENU_changeClass(this,'menuOver');MENU_showHideLayers('none',1,menu);return true;" onmouseout="MENU_changeClass(this,'menu')">
<td><a href="Working%20Files/menus%20d&#233;roulants/javascriptfr_source_15959/webfiles/present/ressources.htm" onmouseout="MENU_idTimer=setTimeout('MENU_showHideLayers(\'none\',0,menu)',MENU_timer);" onmouseover="clearTimeout(MENU_idTimer);MENU_showHideLayers('none',1,menu);return true;" class="menu" OLDREF="http://www.int-evry.fr/admissions/admissions.shtml" target="mainFrame">Espanol</a></td>
</tr>
</table>
</td>
</tr>

</table>
</div>
</DIV>
Modifié par youna (03 May 2006 - 15:24)
Coucou,

bon, finalement, j'ai réussi à faire en sorte que mon menu reste à la même place en supprimant un bout de code. Je ne sais pas si c'est la bonne manière mais bon, ca marche.

Pour ceux que ça intéresse, voici le bout de code à supprimer dans le code à insérer dans la balise BODY :

if(diffY != lastScrollY) {
percent = .1 * (diffY - lastScrollY);
if(percent > 0) percent = Math.ceil(percent);
else percent = Math.floor(percent);
if(IE) document.all.slide.style.pixelTop += percent;
if(NS) document.slide.top += percent;

if(IE) document.all.horse.style.pixelTop = document.body.clientHeight - 25 + document.all.slide.style.pixelTop;
if(NS) document.horse.top = document.body.clientHeight - 25 + document.slide.top;
lastScrollY = lastScrollY + percent;
}



Merci à ceux qui ont peut-être voulu m'aider.
Administrateur
Bonjour et bienvenue parmi nous Smiley smile

En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle. Smiley cligne

D'ailleurs, je rappelle que le lien qui apparaît en bandeau tout en haut du forum ("Nouveau sur le forum ?...") est important. Il contient des pistes de recherche, des indications sur les règles de vie de la communauté, etc.
Il serait courtois de ta part de bien vouloir en prendre connaissance.

Bonne continuation Smiley smile

upload/1-code.gif
Sujet clos
Aller à