Logo GNT
Actualités Tests & Guides Bons Plans
Twitter iPhone pliant OnePlus 11 PS5 Disney+ Orange Livebox Windows 11
Entraide Développement Développement ASP.Net Probleme de superposition d'objet

Probleme de superposition d'objet

12 réponses
Avatar
seb14
Bonjour,

J'ai une page avec un menu a base de DIV et sous mon menu j'ai mis dans une
gridlayout une Dropdownlist.

mon probleme c'est que mon menu passe systematiquement sous la DropdownList.

Si quelqu'un a une idée ca serait sympa parceque la je vois pas.

Voici le code :
<%@ Register TagPrefix="uc1" TagName="MainNavigation"
Src="Controls/MainNavigation.ascx" %>
<%@ Page language="c#" Codebehind="page2.aspx.cs" AutoEventWireup="false"
Inherits="SitePresentation.page2" smartNavigation="True"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
<HEAD>
<title>page2</title>
<meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR">
<meta content="C#" name="CODE_LANGUAGE">
<meta content="JavaScript" name="vs_defaultClientScript">
<meta content="http://schemas.microsoft.com/intellisense/ie5"
name="vs_targetSchema">
</HEAD>
<body>
<form id="Form1" method="post" runat="server">
<DIV>
<style type="text/css">DIV.menuBar {
FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR: #000000;
FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
}
DIV.menuBar A.menuButton {
FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR: #000000;
FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
}
DIV.menu {
FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR: #000000;
FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
}
DIV.menu A.menuItem {
FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR: #000000;
FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
}
DIV.menuBar {
BORDER-RIGHT: #e0e0e0 2px outset; PADDING-RIGHT: 2px; BORDER-TOP: #e0e0e0
2px outset; PADDING-LEFT: 2px; Z-INDEX: 905; PADDING-BOTTOM: 4px;
BORDER-LEFT: #e0e0e0 2px outset; PADDING-TOP: 4px; BORDER-BOTTOM: #e0e0e0 2px
outset; BACKGROUND-COLOR: #e0e0e0; TEXT-ALIGN: left
}
DIV.menuBar A.menuButton {
BORDER-RIGHT: #e0e0e0 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #e0e0e0
1px solid; PADDING-LEFT: 6px; Z-INDEX: 902; LEFT: 0px; PADDING-BOTTOM: 2px;
MARGIN: 1px; BORDER-LEFT: #e0e0e0 1px solid; CURSOR: default; COLOR: #000000;
PADDING-TOP: 2px; BORDER-BOTTOM: #e0e0e0 1px solid; POSITION: relative; TOP:
0px; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none
}
DIV.menuBar A.menuButton:hover {
BORDER-RIGHT: #e0e0e0 1px outset; BORDER-TOP: #e0e0e0 1px outset; Z-INDEX:
906; BORDER-LEFT: #e0e0e0 1px outset; COLOR: #000000; BORDER-BOTTOM: #e0e0e0
1px outset; BACKGROUND-COLOR: transparent
}
DIV.menuBar A.menuButtonActive {
BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset; Z-INDEX:
907; LEFT: 1px; BORDER-LEFT: #e0e0e0 1px inset; COLOR: #ffffff;
BORDER-BOTTOM: #e0e0e0 1px inset; TOP: 1px; BACKGROUND-COLOR: #5050f0
}
DIV.menuBar A.menuButtonActive:hover {
BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset; Z-INDEX:
907; LEFT: 1px; BORDER-LEFT: #e0e0e0 1px inset; COLOR: #ffffff;
BORDER-BOTTOM: #e0e0e0 1px inset; TOP: 1px; BACKGROUND-COLOR: #5050f0
}
DIV.menu {
BORDER-RIGHT: #e0e0e0 2px outset; PADDING-RIGHT: 1px; BORDER-TOP: #e0e0e0
2px outset; PADDING-LEFT: 0px; Z-INDEX: 901; LEFT: 0px; VISIBILITY: hidden;
PADDING-BOTTOM: 1px; BORDER-LEFT: #e0e0e0 2px outset; PADDING-TOP: 0px;
BORDER-BOTTOM: #e0e0e0 2px outset; POSITION: absolute; TOP: 0px;
BACKGROUND-COLOR: #e0e0e0
}
DIV.menu A.menuItem {
PADDING-RIGHT: 1em; DISPLAY: block; PADDING-LEFT: 1em; Z-INDEX: 903;
PADDING-BOTTOM: 3px; CURSOR: default; COLOR: #000000; PADDING-TOP: 3px;
WHITE-SPACE: nowrap; TEXT-DECORATION: none
}
DIV.menu A.menuItem:hover {
COLOR: #ffffff; BACKGROUND-COLOR: #5050f0
}
DIV.menu A.menuItemHighlight {
COLOR: #ffffff; BACKGROUND-COLOR: #5050f0
}
DIV.menu A.menuItem SPAN.menuItemText {

}
DIV.menu A.menuItem SPAN.menuItemArrow {
MARGIN-RIGHT: -0.75em
}
DIV.menu DIV.menuItemSep {
BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset; MARGIN: 4px
2px; BORDER-LEFT: #e0e0e0 1px inset; BORDER-BOTTOM: #e0e0e0 1px inset
}
</style>
<script type="text/javascript">//<![CDATA[

//*****************************************************************************
// Do not remove this notice.
//
// Copyright 2000-2004 by Mike Hall.
// See http://www.brainjar.com for terms of use.
//*****************************************************************************

//----------------------------------------------------------------------------
// Code to determine the browser and version.
//----------------------------------------------------------------------------

function Browser() {

var ua, s, i;

this.isIE = false; // Internet Explorer
this.isOP = false; // Opera
this.isNS = false; // Netscape
this.version = null;

ua = navigator.userAgent;

s = "Opera";
if ((i = ua.indexOf(s)) >= 0) {
this.isOP = true;
this.version = parseFloat(ua.substr(i + s.length));
return;
}

s = "Netscape6/";
if ((i = ua.indexOf(s)) >= 0) {
this.isNS = true;
this.version = parseFloat(ua.substr(i + s.length));
return;
}

// Treat any other "Gecko" browser as Netscape 6.1.

s = "Gecko";
if ((i = ua.indexOf(s)) >= 0) {
this.isNS = true;
this.version = 6.1;
return;
}

s = "MSIE";
if ((i = ua.indexOf(s))) {
this.isIE = true;
this.version = parseFloat(ua.substr(i + s.length));
return;
}
}

var browser = new Browser();

//----------------------------------------------------------------------------
// Code for handling the menu bar and active button.
//----------------------------------------------------------------------------

var activeButton = null;

// Capture mouse clicks on the page so any active button can be
// deactivated.

if (browser.isIE)
document.onmousedown = pageMousedown;
else
document.addEventListener("mousedown", pageMousedown, true);

function pageMousedown(event) {

var el;

// If there is no active button, exit.

if (activeButton == null)
return;

// Find the element that was clicked on.

if (browser.isIE)
el = window.event.srcElement;
else
el = (event.target.tagName ? event.target : event.target.parentNode);

// If the active button was clicked on, exit.

if (el == activeButton)
return;

// If the element is not part of a menu, reset and clear the active
// button.

if (getContainerWith(el, "DIV", "menu") == null) {
resetButton(activeButton);
activeButton = null;
}
}

function buttonClick(event, menuId) {

var button;

// Get the target button element.

if (browser.isIE)
button = window.event.srcElement;
else
button = event.currentTarget;

// Blur focus from the link to remove that annoying outline.

button.blur();

// Associate the named menu to this button if not already done.
// Additionally, initialize menu display.

if (button.menu == null) {
button.menu = document.getElementById(menuId);
if (button.menu.isInitialized == null)
menuInit(button.menu);
}

// Reset the currently active button, if any.

if (activeButton != null)
resetButton(activeButton);

// Activate this button, unless it was the currently active one.

if (button != activeButton) {
depressButton(button);
activeButton = button;
}
else
activeButton = null;

return false;
}

function buttonMouseover(event, menuId) {

var button;

// Find the target button element.

if (browser.isIE)
button = window.event.srcElement;
else
button = event.currentTarget;

// If any other button menu is active, make this one active instead.

if (activeButton != null && activeButton != button)
buttonClick(event, menuId);
}

function depressButton(button) {

var x, y;

// Update the button's style class to make it look like it's
// depressed.

button.className += " menuButtonActive";

// Position the associated drop down menu under the button and
// show it.

x = getPageOffsetLeft(button);
y = getPageOffsetTop(button) + button.offsetHeight;

// For IE, adjust position.

if (browser.isIE) {
x += button.offsetParent.clientLeft;
y += button.offsetParent.clientTop;
}

button.menu.style.left = x + "px";
button.menu.style.top = y + "px";
button.menu.style.visibility = "visible";

// For IE; size, position and show the menu's IFRAME as well.

if (button.menu.iframeEl != null)
{
button.menu.iframeEl.style.left = button.menu.style.left;
button.menu.iframeEl.style.top = button.menu.style.top;
button.menu.iframeEl.style.width = button.menu.offsetWidth + "px";
button.menu.iframeEl.style.height = button.menu.offsetHeight + "px";
button.menu.iframeEl.style.display = "";
}
}

function resetButton(button) {

// Restore the button's style class.

removeClassName(button, "menuButtonActive");

// Hide the button's menu, first closing any sub menus.

if (button.menu != null) {
closeSubMenu(button.menu);
button.menu.style.visibility = "hidden";

// For IE, hide menu's IFRAME as well.

if (button.menu.iframeEl != null)
button.menu.iframeEl.style.display = "none";
}
}

//----------------------------------------------------------------------------
// Code to handle the menus and sub menus.
//----------------------------------------------------------------------------

function menuMouseover(event) {

var menu;

// Find the target menu element.

if (browser.isIE)
menu = getContainerWith(window.event.srcElement, "DIV", "menu");
else
menu = event.currentTarget;

// Close any active sub menu.

if (menu.activeItem != null)
closeSubMenu(menu);
}

function menuItemMouseover(event, menuId) {

var item, menu, x, y;

// Find the target item element and its parent menu element.

if (browser.isIE)
item = getContainerWith(window.event.srcElement, "A", "menuItem");
else
item = event.currentTarget;
menu = getContainerWith(item, "DIV", "menu");

// Close any active sub menu and mark this one as active.

if (menu.activeItem != null)
closeSubMenu(menu);
menu.activeItem = item;

// Highlight the item element.

item.className += " menuItemHighlight";

// Initialize the sub menu, if not already done.

if (item.subMenu == null) {
item.subMenu = document.getElementById(menuId);
if (item.subMenu.isInitialized == null)
menuInit(item.subMenu);
}

// Get position for submenu based on the menu item.

x = getPageOffsetLeft(item) + item.offsetWidth;
y = getPageOffsetTop(item);

// Adjust position to fit in view.

var maxX, maxY;

if (browser.isIE) {
maxX = Math.max(document.documentElement.scrollLeft,
document.body.scrollLeft) +
(document.documentElement.clientWidth != 0 ?
document.documentElement.clientWidth : document.body.clientWidth);
maxY = Math.max(document.documentElement.scrollTop,
document.body.scrollTop) +
(document.documentElement.clientHeight != 0 ?
document.documentElement.clientHeight : document.body.clientHeight);
}
if (browser.isOP) {
maxX = document.documentElement.scrollLeft + window.innerWidth;
maxY = document.documentElement.scrollTop + window.innerHeight;
}
if (browser.isNS) {
maxX = window.scrollX + window.innerWidth;
maxY = window.scrollY + window.innerHeight;
}
maxX -= item.subMenu.offsetWidth;
maxY -= item.subMenu.offsetHeight;

if (x > maxX)
x = Math.max(0, x - item.offsetWidth - item.subMenu.offsetWidth
+ (menu.offsetWidth - item.offsetWidth));
y = Math.max(0, Math.min(y, maxY));

// Position and show it.

item.subMenu.style.left = x + "px";
item.subMenu.style.top = y + "px";
item.subMenu.style.visibility = "visible";

// For IE; size, position and show the menu's IFRAME as well.

if (item.subMenu.iframeEl != null)
{
item.subMenu.iframeEl.style.left = item.subMenu.style.left;
item.subMenu.iframeEl.style.top = item.subMenu.style.top;
item.subMenu.iframeEl.style.width = item.subMenu.offsetWidth + "px";
item.subMenu.iframeEl.style.height = item.subMenu.offsetHeight + "px";
item.subMenu.iframeEl.style.display = "";
}

// Stop the event from bubbling.

if (browser.isIE)
window.event.cancelBubble = true;
else
event.stopPropagation();
}

function closeSubMenu(menu) {

if (menu == null || menu.activeItem == null)
return;

// Recursively close any sub menus.

if (menu.activeItem.subMenu != null) {
closeSubMenu(menu.activeItem.subMenu);


// Hide the sub menu.
menu.activeItem.subMenu.style.visibility = "hidden";

// For IE, hide the sub menu's IFRAME as well.

if (menu.activeItem.subMenu.iframeEl != null)
menu.activeItem.subMenu.iframeEl.style.display = "none";

menu.activeItem.subMenu = null;
}

// Deactivate the active menu item.

removeClassName(menu.activeItem, "menuItemHighlight");
menu.activeItem = null;
}

//----------------------------------------------------------------------------
// Code to initialize menus.
//----------------------------------------------------------------------------

function menuInit(menu) {

var itemList, spanList;
var textEl, arrowEl;
var itemWidth;
var w, dw;
var i, j;

// For IE, replace arrow characters.

if (browser.isIE) {
menu.style.lineHeight = "2.5ex";
spanList = menu.getElementsByTagName("SPAN");
for (i = 0; i < spanList.length; i++)
if (hasClassName(spanList[i], "menuItemArrow")) {
spanList[i].style.fontFamily = "Webdings";
spanList[i].firstChild.nodeValue = "4";
}
}

// Find the width of a menu item.

itemList = menu.getElementsByTagName("A");
if (itemList.length > 0)
itemWidth = itemList[0].offsetWidth;
else
return;

// For items with arrows, add padding to item text to make the
// arrows flush right.

for (i = 0; i < itemList.length; i++) {
spanList = itemList[i].getElementsByTagName("SPAN");
textEl = null;
arrowEl = null;
for (j = 0; j < spanList.length; j++) {
if (hasClassName(spanList[j], "menuItemText"))
textEl = spanList[j];
if (hasClassName(spanList[j], "menuItemArrow")) {
arrowEl = spanList[j];
}
}
if (textEl != null && arrowEl != null) {
textEl.style.paddingRight = (itemWidth
- (textEl.offsetWidth + arrowEl.offsetWidth)) + "px";

// For Opera, remove the negative right margin to fix a display bug.

if (browser.isOP)
arrowEl.style.marginRight = "0px";
}
}

// Fix IE hover problem by setting an explicit width on first item of
// the menu.

if (browser.isIE) {
w = itemList[0].offsetWidth;
itemList[0].style.width = w + "px";
dw = itemList[0].offsetWidth - w;
w -= dw;
itemList[0].style.width = w + "px";
}

// Fix the IE display problem (SELECT elements and other windowed controls
// overlaying the menu) by adding an IFRAME under the menu.

if (browser.isIE) {
var iframeEl = document.createElement("IFRAME");
iframeEl.frameBorder = 0;
iframeEl.src = "javascript:;";
iframeEl.style.display = "none";
iframeEl.style.position = "absolute";
iframeEl.style.filter =
"progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
menu.iframeEl = menu.parentNode.insertBefore(iframeEl, menu);
}

// Mark menu as initialized.

menu.isInitialized = true;
}

//----------------------------------------------------------------------------
// General utility functions.
//----------------------------------------------------------------------------

function getContainerWith(node, tagName, className) {

// Starting with the given node, find the nearest containing element
// with the specified tag name and style class.

while (node != null) {
if (node.tagName != null && node.tagName == tagName &&
hasClassName(node, className))
return node;
node = node.parentNode;
}

return node;
}

function hasClassName(el, name) {

var i, list;

// Return true if the given element currently has the given class
// name.

list = el.className.split(" ");
for (i = 0; i < list.length; i++)
if (list[i] == name)
return true;

return false;
}

function removeClassName(el, name) {

var i, curList, newList;

if (el.className == null)
return;

// Remove the given class name from the element's className property.

newList = new Array();
curList = el.className.split(" ");
for (i = 0; i < curList.length; i++)
if (curList[i] != name)
newList.push(curList[i]);
el.className = newList.join(" ");
}

function getPageOffsetLeft(el) {

var x;

// Return the x coordinate of an element relative to the page.

x = el.offsetLeft;
if (el.offsetParent != null)
x += getPageOffsetLeft(el.offsetParent);

return x;
}

function getPageOffsetTop(el) {

var y;

// Return the x coordinate of an element relative to the page.

y = el.offsetTop;
if (el.offsetParent != null)
y += getPageOffsetTop(el.offsetParent);

return y;
}

</script>
<div class="menuBar" style="WIDTH: 100%"><a class="menuButton"
onmouseover="buttonMouseover(event, 'fileMenu');" onclick="return
buttonClick(event, 'fileMenu');"
href="">File</a><a class="menuButton" onmouseover="buttonMouseover(event,
'editMenu');" onclick="return buttonClick(event, 'editMenu');"
href="">Edit</a><a class="menuButton" onmouseover="buttonMouseover(event,
'viewMenu');" onclick="return buttonClick(event, 'viewMenu');"
href="">View</a><a class="menuButton" href="" onclick="return
buttonClick(event, 'toolsMenu');" onmouseover="buttonMouseover(event,
'toolsMenu');">Tools</a><a class="menuButton" href="" onclick="return
buttonClick(event, 'optionsMenu');" onmouseover="buttonMouseover(event,
'optionsMenu');">Options</a><a class="menuButton" href="" onclick="return
buttonClick(event, 'helpMenu');" onmouseover="buttonMouseover(event,
'helpMenu');">Help</a></div>
<!-- Main menus. -->
<div id="fileMenu" class="menu" onmouseover="menuMouseover(event)">
<a class="menuItem" href="Page1.aspx">Lance Page 1</a> <a class="menuItem"
href="" onclick="return false;" onmouseover="menuItemMouseover(event,
'fileMenu2');">
<span class="menuItemText">File Menu Item 2</span><span
class="menuItemArrow">▶</span></a>
<a class="menuItem" href="Page2.aspx">Lance Page 2</a> <a class="menuItem"
href="blank.html">
File Menu Item 4</a> <a class="menuItem" href="blank.html">File Menu Item
5</a>
<div class="menuItemSep"></div>
<a class="menuItem" href="blank.html">File Menu Item 6</a>
</div>
<div id="editMenu" class="menu" onmouseover="menuMouseover(event)">
<a class="menuItem" href="blank.html">Edit Menu Item 1</a>
<div class="menuItemSep"></div>
<a class="menuItem" href="blank.html">Edit Menu Item 2</a> <a
class="menuItem" href="" onclick="return false;"
onmouseover="menuItemMouseover(event, 'editMenu3');">
<span class="menuItemText">Edit Menu Item 3</span><span
class="menuItemArrow">▶</span></a>
<a class="menuItem" href="blank.html">Edit Menu Item 4</a>
<div class="menuItemSep"></div>
<a class="menuItem" href="blank.html">Edit Menu Item 5</a>
</div>
<div id="viewMenu" class="menu">
<a class="menuItem" href="blank.html">View Menu Item 1</a> <a
class="menuItem" href="blank.html">
View Menu Item 2</a> <a class="menuItem" href="blank.html">View Menu Item
3</a>
</div>
<div id="toolsMenu" class="menu" onmouseover="menuMouseover(event)">
<a class="menuItem" href="" onclick="return false;"
onmouseover="menuItemMouseover(event, 'toolsMenu1');">
<span class="menuItemText">Tools Menu Item 1</span><span
class="menuItemArrow">▶</span></a>
<a class="menuItem" href="blank.html">Tools Menu Item 2</a> <a
class="menuItem" href="blank.html">
Tools Menu Item 3</a>
<div class="menuItemSep"></div>
<a class="menuItem" href="" onclick="return false;"
onmouseover="menuItemMouseover(event, 'toolsMenu4');">
<span class="menuItemText">Tools Menu Item 4</span><span
class="menuItemArrow">▶</span></a>
<a class="menuItem" href="blank.html">Tools Menu Item 5</a>
</div>
<div id="optionsMenu" class="menu">
<a class="menuItem" href="blank.html">Options Menu Item 1</a> <a
class="menuItem" href="blank.html">
Options Menu Item 2</a> <a class="menuItem" href="blank.html">Options Menu
Item
3</a>
</div>
<div id="helpMenu" class="menu">
<a class="menuItem" href="blank.html">Help Menu Item 1</a> <a
class="menuItem" href="blank.html">
Help Menu Item 2</a>
<div class="menuItemSep"></div>
<a class="menuItem" href="blank.html">Help Menu Item 3</a>
</div>
<!-- File sub menus. -->
<div id="fileMenu2" class="menu">
<a class="menuItem" href="blank.html">File Menu 2 Item 1</a> <a
class="menuItem" href="blank.html">
File Menu 2 Item 2</a>
</div>
<!-- Edit sub menus. -->
<div id="editMenu3" class="menu" onmouseover="menuMouseover(event)">
<a class="menuItem" href="blank.html">Edit Menu 3 Item 1</a> <a
class="menuItem" href="blank.html">
Edit Menu 3 Item 2</a>
<div class="menuItemSep"></div>
<a class="menuItem" href="" onclick="return false;"
onmouseover="menuItemMouseover(event, 'editMenu3_3');">
<span class="menuItemText">Edit Menu 3 Item 3</span><span
class="menuItemArrow">▶</span></a>
<a class="menuItem" href="blank.html">Edit Menu 3 Item 4</a>
</div>
<div id="editMenu3_3" class="menu">
<a class="menuItem" href="blank.html">Edit Menu 3-3 Item 1</a> <a
class="menuItem" href="blank.html">
Edit Menu 3-3 Item 2</a> <a class="menuItem" href="blank.html">Edit Menu
3-3
Item 3</a>
<div class="menuItemSep"></div>
<a class="menuItem" href="blank.html">Edit Menu 3-3 Item 4</a>
</div>
<!-- Tools sub menus. -->
<div id="toolsMenu1" class="menu">
<a class="menuItem" href="blank.html">Tools Menu 1 Item 1</a> <a
class="menuItem" href="blank.html">
Tools Menu 1 Item 2</a>
<div class="menuItemSep"></div>
<a class="menuItem" href="blank.html">Tools Menu 1 Item 3</a> <a
class="menuItem" href="blank.html">
Tools Menu 1 Item 4</a>
<div class="menuItemSep"></div>
<a class="menuItem" href="blank.html">Tools Menu 1 Item 5</a>
</div>
<div id="toolsMenu4" class="menu" onmouseover="menuMouseover(event)">
<a class="menuItem" href="blank.html">Tools Menu 4 Item 1</a> <a
class="menuItem" href="blank.html">
Tools Menu 4 Item 2</a> <a class="menuItem" href="blank.html"
onclick="return false;" onmouseover="menuItemMouseover(event,
'toolsMenu4_3');">
<span class="menuItemText">Tools Menu 4 Item 3</span><span
class="menuItemArrow">▶</span></a>
</div>
<div id="toolsMenu4_3" class="menu">
<a class="menuItem" href="blank.html">Tools Menu 4-3 Item 1</a> <a
class="menuItem" href="blank.html">
Tools Menu 4-3 Item 2</a> <a class="menuItem" href="blank.html">Tools Menu
4-3
Item 3</a> <a class="menuItem" href="blank.html">Tools Menu 4-3 Item 4</a>
</div>
</DIV>
<DIV ms_positioning="GridLayout"
style="Z-INDEX:100;WIDTH:100%;POSITION:relative;HEIGHT:100px">
<asp:DropDownList id="DropDownList1" runat="server" style="Z-INDEX: 101;
LEFT: 8px; POSITION: absolute; TOP: 16px" />
</DIV>
</form>
<DIV></DIV>
</FORM>
</body>
</HTML>
Signaler un problème avec ce contenu

10 réponses

Supprimer
Cette action est irreversible, confirmez la suppression du commentaire ?
Signaler le commentaire

Veuillez sélectionner un problème

Nudité
Violence
Harcèlement
Fraude
Vente illégale
Discours haineux
Terrorisme
Autre
1 2
Avatar
sdrouins
Salut, moi aussi j'ai eu ce beau probleme, et une solution asser simple est
de te créer un Iframe qui a la meme largeur x hauteur que ton div et de la
mettre sous ton div.... ca reglera ce bug


"seb14" a écrit :

Bonjour,

J'ai une page avec un menu a base de DIV et sous mon menu j'ai mis dans une
gridlayout une Dropdownlist.

mon probleme c'est que mon menu passe systematiquement sous la DropdownList.

Si quelqu'un a une idée ca serait sympa parceque la je vois pas.

Voici le code :
<%@ Register TagPrefix="uc1" TagName="MainNavigation"
Src="Controls/MainNavigation.ascx" %>
<%@ Page language="c#" Codebehind="page2.aspx.cs" AutoEventWireup="false"
Inherits="SitePresentation.page2" smartNavigation="True"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
<HEAD>
<title>page2</title>
<meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR">
<meta content="C#" name="CODE_LANGUAGE">
<meta content="JavaScript" name="vs_defaultClientScript">
<meta content="http://schemas.microsoft.com/intellisense/ie5"
name="vs_targetSchema">
</HEAD>
<body>
<form id="Form1" method="post" runat="server">
<DIV>
<style type="text/css">DIV.menuBar {
FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR: #000000;
FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
}
DIV.menuBar A.menuButton {
FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR: #000000;
FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
}
DIV.menu {
FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR: #000000;
FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
}
DIV.menu A.menuItem {
FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR: #000000;
FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
}
DIV.menuBar {
BORDER-RIGHT: #e0e0e0 2px outset; PADDING-RIGHT: 2px; BORDER-TOP: #e0e0e0
2px outset; PADDING-LEFT: 2px; Z-INDEX: 905; PADDING-BOTTOM: 4px;
BORDER-LEFT: #e0e0e0 2px outset; PADDING-TOP: 4px; BORDER-BOTTOM: #e0e0e0 2px
outset; BACKGROUND-COLOR: #e0e0e0; TEXT-ALIGN: left
}
DIV.menuBar A.menuButton {
BORDER-RIGHT: #e0e0e0 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #e0e0e0
1px solid; PADDING-LEFT: 6px; Z-INDEX: 902; LEFT: 0px; PADDING-BOTTOM: 2px;
MARGIN: 1px; BORDER-LEFT: #e0e0e0 1px solid; CURSOR: default; COLOR: #000000;
PADDING-TOP: 2px; BORDER-BOTTOM: #e0e0e0 1px solid; POSITION: relative; TOP:
0px; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none
}
DIV.menuBar A.menuButton:hover {
BORDER-RIGHT: #e0e0e0 1px outset; BORDER-TOP: #e0e0e0 1px outset; Z-INDEX:
906; BORDER-LEFT: #e0e0e0 1px outset; COLOR: #000000; BORDER-BOTTOM: #e0e0e0
1px outset; BACKGROUND-COLOR: transparent
}
DIV.menuBar A.menuButtonActive {
BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset; Z-INDEX:
907; LEFT: 1px; BORDER-LEFT: #e0e0e0 1px inset; COLOR: #ffffff;
BORDER-BOTTOM: #e0e0e0 1px inset; TOP: 1px; BACKGROUND-COLOR: #5050f0
}
DIV.menuBar A.menuButtonActive:hover {
BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset; Z-INDEX:
907; LEFT: 1px; BORDER-LEFT: #e0e0e0 1px inset; COLOR: #ffffff;
BORDER-BOTTOM: #e0e0e0 1px inset; TOP: 1px; BACKGROUND-COLOR: #5050f0
}
DIV.menu {
BORDER-RIGHT: #e0e0e0 2px outset; PADDING-RIGHT: 1px; BORDER-TOP: #e0e0e0
2px outset; PADDING-LEFT: 0px; Z-INDEX: 901; LEFT: 0px; VISIBILITY: hidden;
PADDING-BOTTOM: 1px; BORDER-LEFT: #e0e0e0 2px outset; PADDING-TOP: 0px;
BORDER-BOTTOM: #e0e0e0 2px outset; POSITION: absolute; TOP: 0px;
BACKGROUND-COLOR: #e0e0e0
}
DIV.menu A.menuItem {
PADDING-RIGHT: 1em; DISPLAY: block; PADDING-LEFT: 1em; Z-INDEX: 903;
PADDING-BOTTOM: 3px; CURSOR: default; COLOR: #000000; PADDING-TOP: 3px;
WHITE-SPACE: nowrap; TEXT-DECORATION: none
}
DIV.menu A.menuItem:hover {
COLOR: #ffffff; BACKGROUND-COLOR: #5050f0
}
DIV.menu A.menuItemHighlight {
COLOR: #ffffff; BACKGROUND-COLOR: #5050f0
}
DIV.menu A.menuItem SPAN.menuItemText {

}
DIV.menu A.menuItem SPAN.menuItemArrow {
MARGIN-RIGHT: -0.75em
}
DIV.menu DIV.menuItemSep {
BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset; MARGIN: 4px
2px; BORDER-LEFT: #e0e0e0 1px inset; BORDER-BOTTOM: #e0e0e0 1px inset
}
</style>
<script type="text/javascript">//<![CDATA[

//*****************************************************************************
// Do not remove this notice.
//
// Copyright 2000-2004 by Mike Hall.
// See http://www.brainjar.com for terms of use.
//*****************************************************************************

//----------------------------------------------------------------------------
// Code to determine the browser and version.
//----------------------------------------------------------------------------

function Browser() {

var ua, s, i;

this.isIE = false; // Internet Explorer
this.isOP = false; // Opera
this.isNS = false; // Netscape
this.version = null;

ua = navigator.userAgent;

s = "Opera";
if ((i = ua.indexOf(s)) >= 0) {
this.isOP = true;
this.version = parseFloat(ua.substr(i + s.length));
return;
}

s = "Netscape6/";
if ((i = ua.indexOf(s)) >= 0) {
this.isNS = true;
this.version = parseFloat(ua.substr(i + s.length));
return;
}

// Treat any other "Gecko" browser as Netscape 6.1.

s = "Gecko";
if ((i = ua.indexOf(s)) >= 0) {
this.isNS = true;
this.version = 6.1;
return;
}

s = "MSIE";
if ((i = ua.indexOf(s))) {
this.isIE = true;
this.version = parseFloat(ua.substr(i + s.length));
return;
}
}

var browser = new Browser();

//----------------------------------------------------------------------------
// Code for handling the menu bar and active button.
//----------------------------------------------------------------------------

var activeButton = null;

// Capture mouse clicks on the page so any active button can be
// deactivated.

if (browser.isIE)
document.onmousedown = pageMousedown;
else
document.addEventListener("mousedown", pageMousedown, true);

function pageMousedown(event) {

var el;

// If there is no active button, exit.

if (activeButton == null)
return;

// Find the element that was clicked on.

if (browser.isIE)
el = window.event.srcElement;
else
el = (event.target.tagName ? event.target : event.target.parentNode);

// If the active button was clicked on, exit.

if (el == activeButton)
return;

// If the element is not part of a menu, reset and clear the active
// button.

if (getContainerWith(el, "DIV", "menu") == null) {
resetButton(activeButton);
activeButton = null;
}
}

function buttonClick(event, menuId) {

var button;

// Get the target button element.

if (browser.isIE)
button = window.event.srcElement;
else
button = event.currentTarget;

// Blur focus from the link to remove that annoying outline.

button.blur();

// Associate the named menu to this button if not already done.
// Additionally, initialize menu display.

if (button.menu == null) {
button.menu = document.getElementById(menuId);
if (button.menu.isInitialized == null)
menuInit(button.menu);
}

// Reset the currently active button, if any.

if (activeButton != null)
resetButton(activeButton);

// Activate this button, unless it was the currently active one.

if (button != activeButton) {
depressButton(button);
activeButton = button;
}
else
activeButton = null;

return false;
}

function buttonMouseover(event, menuId) {

var button;

// Find the target button element.

if (browser.isIE)
button = window.event.srcElement;
else
button = event.currentTarget;

// If any other button menu is active, make this one active instead.

if (activeButton != null && activeButton != button)
buttonClick(event, menuId);
}

function depressButton(button) {

var x, y;

// Update the button's style class to make it look like it's
// depressed.

button.className += " menuButtonActive";

// Position the associated drop down menu under the button and
// show it.

x = getPageOffsetLeft(button);
y = getPageOffsetTop(button) + button.offsetHeight;

// For IE, adjust position.

if (browser.isIE) {
x += button.offsetParent.clientLeft;
y += button.offsetParent.clientTop;
}

button.menu.style.left = x + "px";
button.menu.style.top = y + "px";
button.menu.style.visibility = "visible";

// For IE; size, position and show the menu's IFRAME as well.

if (button.menu.iframeEl != null)
{
button.menu.iframeEl.style.left = button.menu.style.left;
button.menu.iframeEl.style.top = button.menu.style.top;
button.menu.iframeEl.style.width = button.menu.offsetWidth + "px";
button.menu.iframeEl.style.height = button.menu.offsetHeight + "px";
button.menu.iframeEl.style.display = "";
}
}

function resetButton(button) {

// Restore the button's style class.

removeClassName(button, "menuButtonActive");


Avatar
seb14
Merci pour ta reponse !
Mais le probleme c'est que mon javascript créé les iframes.

function menuInit(menu) {

var itemList, spanList;
var textEl, arrowEl;
var itemWidth;
var w, dw;
var i, j;

// For IE, replace arrow characters.

if (browser.isIE) {
menu.style.lineHeight = "2.5ex";
spanList = menu.getElementsByTagName("SPAN");
for (i = 0; i < spanList.length; i++)
if (hasClassName(spanList[i], "menuItemArrow")) {
spanList[i].style.fontFamily = "Webdings";
spanList[i].firstChild.nodeValue = "4";
}
}

// Find the width of a menu item.

itemList = menu.getElementsByTagName("A");
if (itemList.length > 0)
itemWidth = itemList[0].offsetWidth;
else
return;

// For items with arrows, add padding to item text to make the
// arrows flush right.

for (i = 0; i < itemList.length; i++) {
spanList = itemList[i].getElementsByTagName("SPAN");
textEl = null;
arrowEl = null;
for (j = 0; j < spanList.length; j++) {
if (hasClassName(spanList[j], "menuItemText"))
textEl = spanList[j];
if (hasClassName(spanList[j], "menuItemArrow"))
arrowEl = spanList[j];
}
if (textEl != null && arrowEl != null) {
textEl.style.paddingRight = (itemWidth
- (textEl.offsetWidth + arrowEl.offsetWidth)) + "px";
// For Opera, remove the negative right margin to fix a display bug.
if (browser.isOP)
arrowEl.style.marginRight = "0px";
}
}

// Fix IE hover problem by setting an explicit width on first item of
// the menu.

if (browser.isIE) {
w = itemList[0].offsetWidth;
itemList[0].style.width = w + "px";
dw = itemList[0].offsetWidth - w;
w -= dw;
itemList[0].style.width = w + "px";
}

// Fix the IE display problem (SELECT elements and other windowed controls
// overlaying the menu) by adding an IFRAME under the menu.

if (browser.isIE) {
var iframeEl = document.createElement("IFRAME");
iframeEl.frameBorder = 0;
iframeEl.src = "javascript:;";
iframeEl.style.display = "none";
iframeEl.style.position = "absolute";
iframeEl.style.filter =
"progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
menu.iframeEl = menu.parentNode.insertBefore(iframeEl, menu);
}

// Mark menu as initialized.

menu.isInitialized = true;
}


"sdrouins" a écrit :

Salut, moi aussi j'ai eu ce beau probleme, et une solution asser simple est
de te créer un Iframe qui a la meme largeur x hauteur que ton div et de la
mettre sous ton div.... ca reglera ce bug


"seb14" a écrit :

> Bonjour,
>
> J'ai une page avec un menu a base de DIV et sous mon menu j'ai mis dans une
> gridlayout une Dropdownlist.
>
> mon probleme c'est que mon menu passe systematiquement sous la DropdownList.
>
> Si quelqu'un a une idée ca serait sympa parceque la je vois pas.
>
> Voici le code :
> <%@ Register TagPrefix="uc1" TagName="MainNavigation"
> Src="Controls/MainNavigation.ascx" %>
> <%@ Page language="c#" Codebehind="page2.aspx.cs" AutoEventWireup="false"
> Inherits="SitePresentation.page2" smartNavigation="True"%>
> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
> <HTML>
> <HEAD>
> <title>page2</title>
> <meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR">
> <meta content="C#" name="CODE_LANGUAGE">
> <meta content="JavaScript" name="vs_defaultClientScript">
> <meta content="http://schemas.microsoft.com/intellisense/ie5"
> name="vs_targetSchema">
> </HEAD>
> <body>
> <form id="Form1" method="post" runat="server">
> <DIV>
> <style type="text/css">DIV.menuBar {
> FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR: #000000;
> FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
> }
> DIV.menuBar A.menuButton {
> FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR: #000000;
> FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
> }
> DIV.menu {
> FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR: #000000;
> FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
> }
> DIV.menu A.menuItem {
> FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR: #000000;
> FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
> }
> DIV.menuBar {
> BORDER-RIGHT: #e0e0e0 2px outset; PADDING-RIGHT: 2px; BORDER-TOP: #e0e0e0
> 2px outset; PADDING-LEFT: 2px; Z-INDEX: 905; PADDING-BOTTOM: 4px;
> BORDER-LEFT: #e0e0e0 2px outset; PADDING-TOP: 4px; BORDER-BOTTOM: #e0e0e0 2px
> outset; BACKGROUND-COLOR: #e0e0e0; TEXT-ALIGN: left
> }
> DIV.menuBar A.menuButton {
> BORDER-RIGHT: #e0e0e0 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #e0e0e0
> 1px solid; PADDING-LEFT: 6px; Z-INDEX: 902; LEFT: 0px; PADDING-BOTTOM: 2px;
> MARGIN: 1px; BORDER-LEFT: #e0e0e0 1px solid; CURSOR: default; COLOR: #000000;
> PADDING-TOP: 2px; BORDER-BOTTOM: #e0e0e0 1px solid; POSITION: relative; TOP:
> 0px; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none
> }
> DIV.menuBar A.menuButton:hover {
> BORDER-RIGHT: #e0e0e0 1px outset; BORDER-TOP: #e0e0e0 1px outset; Z-INDEX:
> 906; BORDER-LEFT: #e0e0e0 1px outset; COLOR: #000000; BORDER-BOTTOM: #e0e0e0
> 1px outset; BACKGROUND-COLOR: transparent
> }
> DIV.menuBar A.menuButtonActive {
> BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset; Z-INDEX:
> 907; LEFT: 1px; BORDER-LEFT: #e0e0e0 1px inset; COLOR: #ffffff;
> BORDER-BOTTOM: #e0e0e0 1px inset; TOP: 1px; BACKGROUND-COLOR: #5050f0
> }
> DIV.menuBar A.menuButtonActive:hover {
> BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset; Z-INDEX:
> 907; LEFT: 1px; BORDER-LEFT: #e0e0e0 1px inset; COLOR: #ffffff;
> BORDER-BOTTOM: #e0e0e0 1px inset; TOP: 1px; BACKGROUND-COLOR: #5050f0
> }
> DIV.menu {
> BORDER-RIGHT: #e0e0e0 2px outset; PADDING-RIGHT: 1px; BORDER-TOP: #e0e0e0
> 2px outset; PADDING-LEFT: 0px; Z-INDEX: 901; LEFT: 0px; VISIBILITY: hidden;
> PADDING-BOTTOM: 1px; BORDER-LEFT: #e0e0e0 2px outset; PADDING-TOP: 0px;
> BORDER-BOTTOM: #e0e0e0 2px outset; POSITION: absolute; TOP: 0px;
> BACKGROUND-COLOR: #e0e0e0
> }
> DIV.menu A.menuItem {
> PADDING-RIGHT: 1em; DISPLAY: block; PADDING-LEFT: 1em; Z-INDEX: 903;
> PADDING-BOTTOM: 3px; CURSOR: default; COLOR: #000000; PADDING-TOP: 3px;
> WHITE-SPACE: nowrap; TEXT-DECORATION: none
> }
> DIV.menu A.menuItem:hover {
> COLOR: #ffffff; BACKGROUND-COLOR: #5050f0
> }
> DIV.menu A.menuItemHighlight {
> COLOR: #ffffff; BACKGROUND-COLOR: #5050f0
> }
> DIV.menu A.menuItem SPAN.menuItemText {
>
> }
> DIV.menu A.menuItem SPAN.menuItemArrow {
> MARGIN-RIGHT: -0.75em
> }
> DIV.menu DIV.menuItemSep {
> BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset; MARGIN: 4px
> 2px; BORDER-LEFT: #e0e0e0 1px inset; BORDER-BOTTOM: #e0e0e0 1px inset
> }
> </style>
> <script type="text/javascript">//<![CDATA[
>
> //*****************************************************************************
> // Do not remove this notice.
> //
> // Copyright 2000-2004 by Mike Hall.
> // See http://www.brainjar.com for terms of use.
> //*****************************************************************************
>
> //----------------------------------------------------------------------------
> // Code to determine the browser and version.
> //----------------------------------------------------------------------------
>
> function Browser() {
>
> var ua, s, i;
>
> this.isIE = false; // Internet Explorer
> this.isOP = false; // Opera
> this.isNS = false; // Netscape
> this.version = null;
>
> ua = navigator.userAgent;
>
> s = "Opera";
> if ((i = ua.indexOf(s)) >= 0) {
> this.isOP = true;
> this.version = parseFloat(ua.substr(i + s.length));
> return;
> }
>
> s = "Netscape6/";
> if ((i = ua.indexOf(s)) >= 0) {
> this.isNS = true;
> this.version = parseFloat(ua.substr(i + s.length));
> return;
> }
>
> // Treat any other "Gecko" browser as Netscape 6.1.
>
> s = "Gecko";
> if ((i = ua.indexOf(s)) >= 0) {
> this.isNS = true;
> this.version = 6.1;
> return;
> }
>
> s = "MSIE";
> if ((i = ua.indexOf(s))) {
> this.isIE = true;
> this.version = parseFloat(ua.substr(i + s.length));
> return;
> }
> }
>
> var browser = new Browser();
>
> //----------------------------------------------------------------------------
> // Code for handling the menu bar and active button.
> //----------------------------------------------------------------------------
>
> var activeButton = null;
>
> // Capture mouse clicks on the page so any active button can be
> // deactivated.
>
> if (browser.isIE)
> document.onmousedown = pageMousedown;
> else
> document.addEventListener("mousedown", pageMousedown, true);
>
> function pageMousedown(event) {
>
> var el;
>
> // If there is no active button, exit.
>
> if (activeButton == null)
> return;
>
> // Find the element that was clicked on.
>
> if (browser.isIE)
> el = window.event.srcElement;
> else
> el = (event.target.tagName ? event.target : event.target.parentNode);
>
> // If the active button was clicked on, exit.
>
> if (el == activeButton)
> return;
>
> // If the element is not part of a menu, reset and clear the active
> // button.
>
> if (getContainerWith(el, "DIV", "menu") == null) {
> resetButton(activeButton);
> activeButton = null;
> }
> }
>
> function buttonClick(event, menuId) {
>
> var button;
>
> // Get the target button element.
>
> if (browser.isIE)
> button = window.event.srcElement;
> else
> button = event.currentTarget;
>
> // Blur focus from the link to remove that annoying outline.
>
> button.blur();
>
> // Associate the named menu to this button if not already done.
> // Additionally, initialize menu display.
>
> if (button.menu == null) {
> button.menu = document.getElementById(menuId);
> if (button.menu.isInitialized == null)
> menuInit(button.menu);
> }
>
> // Reset the currently active button, if any.
>
> if (activeButton != null)
> resetButton(activeButton);
>
> // Activate this button, unless it was the currently active one.
>
> if (button != activeButton) {
> depressButton(button);
> activeButton = button;
> }
> else
> activeButton = null;
>
> return false;
> }
>
> function buttonMouseover(event, menuId) {
>
> var button;
>
> // Find the target button element.
>
> if (browser.isIE)
> button = window.event.srcElement;
> else
> button = event.currentTarget;
>
> // If any other button menu is active, make this one active instead.
>
> if (activeButton != null && activeButton != button)
> buttonClick(event, menuId);
> }
>
> function depressButton(button) {
>
> var x, y;
>
> // Update the button's style class to make it look like it's
> // depressed.
>
> button.className += " menuButtonActive";
>
> // Position the associated drop down menu under the button and
> // show it.
>
> x = getPageOffsetLeft(button);
> y = getPageOffsetTop(button) + button.offsetHeight;
>
> // For IE, adjust position.
>
> if (browser.isIE) {
> x += button.offsetParent.clientLeft;
> y += button.offsetParent.clientTop;
> }
>
> button.menu.style.left = x + "px";
> button.menu.style.top = y + "px";
> button.menu.style.visibility = "visible";
>
> // For IE; size, position and show the menu's IFRAME as well.
>
> if (button.menu.iframeEl != null)
> {
> button.menu.iframeEl.style.left = button.menu.style.left;
> button.menu.iframeEl.style.top = button.menu.style.top;
> button.menu.iframeEl.style.width = button.menu.offsetWidth + "px";
> button.menu.iframeEl.style.height = button.menu.offsetHeight + "px";


Avatar
sdrouins
est-ce que tu vois ton iframe dans ta page?
de ce que je vois tu a spas l'air a le mettre visible
change dont: iframeEl.style.display = "none";
iframeEl.style.display = "block"

pis set lui une largeur et hauteur
"seb14" a écrit :

Merci pour ta reponse !
Mais le probleme c'est que mon javascript créé les iframes.

function menuInit(menu) {

var itemList, spanList;
var textEl, arrowEl;
var itemWidth;
var w, dw;
var i, j;

// For IE, replace arrow characters.

if (browser.isIE) {
menu.style.lineHeight = "2.5ex";
spanList = menu.getElementsByTagName("SPAN");
for (i = 0; i < spanList.length; i++)
if (hasClassName(spanList[i], "menuItemArrow")) {
spanList[i].style.fontFamily = "Webdings";
spanList[i].firstChild.nodeValue = "4";
}
}

// Find the width of a menu item.

itemList = menu.getElementsByTagName("A");
if (itemList.length > 0)
itemWidth = itemList[0].offsetWidth;
else
return;

// For items with arrows, add padding to item text to make the
// arrows flush right.

for (i = 0; i < itemList.length; i++) {
spanList = itemList[i].getElementsByTagName("SPAN");
textEl = null;
arrowEl = null;
for (j = 0; j < spanList.length; j++) {
if (hasClassName(spanList[j], "menuItemText"))
textEl = spanList[j];
if (hasClassName(spanList[j], "menuItemArrow"))
arrowEl = spanList[j];
}
if (textEl != null && arrowEl != null) {
textEl.style.paddingRight = (itemWidth
- (textEl.offsetWidth + arrowEl.offsetWidth)) + "px";
// For Opera, remove the negative right margin to fix a display bug.
if (browser.isOP)
arrowEl.style.marginRight = "0px";
}
}

// Fix IE hover problem by setting an explicit width on first item of
// the menu.

if (browser.isIE) {
w = itemList[0].offsetWidth;
itemList[0].style.width = w + "px";
dw = itemList[0].offsetWidth - w;
w -= dw;
itemList[0].style.width = w + "px";
}

// Fix the IE display problem (SELECT elements and other windowed controls
// overlaying the menu) by adding an IFRAME under the menu.

if (browser.isIE) {
var iframeEl = document.createElement("IFRAME");
iframeEl.frameBorder = 0;
iframeEl.src = "javascript:;";
iframeEl.style.display = "none";
iframeEl.style.position = "absolute";
iframeEl.style.filter =
"progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
menu.iframeEl = menu.parentNode.insertBefore(iframeEl, menu);
}

// Mark menu as initialized.

menu.isInitialized = true;
}


"sdrouins" a écrit :

> Salut, moi aussi j'ai eu ce beau probleme, et une solution asser simple est
> de te créer un Iframe qui a la meme largeur x hauteur que ton div et de la
> mettre sous ton div.... ca reglera ce bug
>
>
> "seb14" a écrit :
>
> > Bonjour,
> >
> > J'ai une page avec un menu a base de DIV et sous mon menu j'ai mis dans une
> > gridlayout une Dropdownlist.
> >
> > mon probleme c'est que mon menu passe systematiquement sous la DropdownList.
> >
> > Si quelqu'un a une idée ca serait sympa parceque la je vois pas.
> >
> > Voici le code :
> > <%@ Register TagPrefix="uc1" TagName="MainNavigation"
> > Src="Controls/MainNavigation.ascx" %>
> > <%@ Page language="c#" Codebehind="page2.aspx.cs" AutoEventWireup="false"
> > Inherits="SitePresentation.page2" smartNavigation="True"%>
> > <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
> > <HTML>
> > <HEAD>
> > <title>page2</title>
> > <meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR">
> > <meta content="C#" name="CODE_LANGUAGE">
> > <meta content="JavaScript" name="vs_defaultClientScript">
> > <meta content="http://schemas.microsoft.com/intellisense/ie5"
> > name="vs_targetSchema">
> > </HEAD>
> > <body>
> > <form id="Form1" method="post" runat="server">
> > <DIV>
> > <style type="text/css">DIV.menuBar {
> > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR: #000000;
> > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
> > }
> > DIV.menuBar A.menuButton {
> > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR: #000000;
> > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
> > }
> > DIV.menu {
> > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR: #000000;
> > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
> > }
> > DIV.menu A.menuItem {
> > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR: #000000;
> > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
> > }
> > DIV.menuBar {
> > BORDER-RIGHT: #e0e0e0 2px outset; PADDING-RIGHT: 2px; BORDER-TOP: #e0e0e0
> > 2px outset; PADDING-LEFT: 2px; Z-INDEX: 905; PADDING-BOTTOM: 4px;
> > BORDER-LEFT: #e0e0e0 2px outset; PADDING-TOP: 4px; BORDER-BOTTOM: #e0e0e0 2px
> > outset; BACKGROUND-COLOR: #e0e0e0; TEXT-ALIGN: left
> > }
> > DIV.menuBar A.menuButton {
> > BORDER-RIGHT: #e0e0e0 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #e0e0e0
> > 1px solid; PADDING-LEFT: 6px; Z-INDEX: 902; LEFT: 0px; PADDING-BOTTOM: 2px;
> > MARGIN: 1px; BORDER-LEFT: #e0e0e0 1px solid; CURSOR: default; COLOR: #000000;
> > PADDING-TOP: 2px; BORDER-BOTTOM: #e0e0e0 1px solid; POSITION: relative; TOP:
> > 0px; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none
> > }
> > DIV.menuBar A.menuButton:hover {
> > BORDER-RIGHT: #e0e0e0 1px outset; BORDER-TOP: #e0e0e0 1px outset; Z-INDEX:
> > 906; BORDER-LEFT: #e0e0e0 1px outset; COLOR: #000000; BORDER-BOTTOM: #e0e0e0
> > 1px outset; BACKGROUND-COLOR: transparent
> > }
> > DIV.menuBar A.menuButtonActive {
> > BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset; Z-INDEX:
> > 907; LEFT: 1px; BORDER-LEFT: #e0e0e0 1px inset; COLOR: #ffffff;
> > BORDER-BOTTOM: #e0e0e0 1px inset; TOP: 1px; BACKGROUND-COLOR: #5050f0
> > }
> > DIV.menuBar A.menuButtonActive:hover {
> > BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset; Z-INDEX:
> > 907; LEFT: 1px; BORDER-LEFT: #e0e0e0 1px inset; COLOR: #ffffff;
> > BORDER-BOTTOM: #e0e0e0 1px inset; TOP: 1px; BACKGROUND-COLOR: #5050f0
> > }
> > DIV.menu {
> > BORDER-RIGHT: #e0e0e0 2px outset; PADDING-RIGHT: 1px; BORDER-TOP: #e0e0e0
> > 2px outset; PADDING-LEFT: 0px; Z-INDEX: 901; LEFT: 0px; VISIBILITY: hidden;
> > PADDING-BOTTOM: 1px; BORDER-LEFT: #e0e0e0 2px outset; PADDING-TOP: 0px;
> > BORDER-BOTTOM: #e0e0e0 2px outset; POSITION: absolute; TOP: 0px;
> > BACKGROUND-COLOR: #e0e0e0
> > }
> > DIV.menu A.menuItem {
> > PADDING-RIGHT: 1em; DISPLAY: block; PADDING-LEFT: 1em; Z-INDEX: 903;
> > PADDING-BOTTOM: 3px; CURSOR: default; COLOR: #000000; PADDING-TOP: 3px;
> > WHITE-SPACE: nowrap; TEXT-DECORATION: none
> > }
> > DIV.menu A.menuItem:hover {
> > COLOR: #ffffff; BACKGROUND-COLOR: #5050f0
> > }
> > DIV.menu A.menuItemHighlight {
> > COLOR: #ffffff; BACKGROUND-COLOR: #5050f0
> > }
> > DIV.menu A.menuItem SPAN.menuItemText {
> >
> > }
> > DIV.menu A.menuItem SPAN.menuItemArrow {
> > MARGIN-RIGHT: -0.75em
> > }
> > DIV.menu DIV.menuItemSep {
> > BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset; MARGIN: 4px
> > 2px; BORDER-LEFT: #e0e0e0 1px inset; BORDER-BOTTOM: #e0e0e0 1px inset
> > }
> > </style>
> > <script type="text/javascript">//<![CDATA[
> >
> > //*****************************************************************************
> > // Do not remove this notice.
> > //
> > // Copyright 2000-2004 by Mike Hall.
> > // See http://www.brainjar.com for terms of use.
> > //*****************************************************************************
> >
> > //----------------------------------------------------------------------------
> > // Code to determine the browser and version.
> > //----------------------------------------------------------------------------
> >
> > function Browser() {
> >
> > var ua, s, i;
> >
> > this.isIE = false; // Internet Explorer
> > this.isOP = false; // Opera
> > this.isNS = false; // Netscape
> > this.version = null;
> >
> > ua = navigator.userAgent;
> >
> > s = "Opera";
> > if ((i = ua.indexOf(s)) >= 0) {
> > this.isOP = true;
> > this.version = parseFloat(ua.substr(i + s.length));
> > return;
> > }
> >
> > s = "Netscape6/";
> > if ((i = ua.indexOf(s)) >= 0) {
> > this.isNS = true;
> > this.version = parseFloat(ua.substr(i + s.length));
> > return;
> > }
> >
> > // Treat any other "Gecko" browser as Netscape 6.1.
> >
> > s = "Gecko";
> > if ((i = ua.indexOf(s)) >= 0) {
> > this.isNS = true;
> > this.version = 6.1;
> > return;
> > }
> >
> > s = "MSIE";
> > if ((i = ua.indexOf(s))) {
> > this.isIE = true;
> > this.version = parseFloat(ua.substr(i + s.length));
> > return;
> > }
> > }
> >
> > var browser = new Browser();
> >
> > //----------------------------------------------------------------------------
> > // Code for handling the menu bar and active button.
> > //----------------------------------------------------------------------------
> >
> > var activeButton = null;
> >
> > // Capture mouse clicks on the page so any active button can be
> > // deactivated.
> >
> > if (browser.isIE)
> > document.onmousedown = pageMousedown;
> > else
> > document.addEventListener("mousedown", pageMousedown, true);
> >
> > function pageMousedown(event) {
> >
> > var el;
> >
> > // If there is no active button, exit.
> >
> > if (activeButton == null)
> > return;
> >
> > // Find the element that was clicked on.
> >
> > if (browser.isIE)
> > el = window.event.srcElement;
> > else
> > el = (event.target.tagName ? event.target : event.target.parentNode);
> >
> > // If the active button was clicked on, exit.
> >
> > if (el == activeButton)
> > return;
> >
> > // If the element is not part of a menu, reset and clear the active
> > // button.
> >
> > if (getContainerWith(el, "DIV", "menu") == null) {
> > resetButton(activeButton);
> > activeButton = null;
> > }
> > }
> >
> > function buttonClick(event, menuId) {
> >
> > var button;
> >
> > // Get the target button element.
> >


Avatar
seb14
effectivement je ne vois pas mes iframes
meme en changeant display = "block"
la je comprends pas tout ma petite cervelle a du mal

"sdrouins" a écrit :

est-ce que tu vois ton iframe dans ta page?
de ce que je vois tu a spas l'air a le mettre visible
change dont: iframeEl.style.display = "none";
iframeEl.style.display = "block"

pis set lui une largeur et hauteur
"seb14" a écrit :

> Merci pour ta reponse !
> Mais le probleme c'est que mon javascript créé les iframes.
>
> function menuInit(menu) {
>
> var itemList, spanList;
> var textEl, arrowEl;
> var itemWidth;
> var w, dw;
> var i, j;
>
> // For IE, replace arrow characters.
>
> if (browser.isIE) {
> menu.style.lineHeight = "2.5ex";
> spanList = menu.getElementsByTagName("SPAN");
> for (i = 0; i < spanList.length; i++)
> if (hasClassName(spanList[i], "menuItemArrow")) {
> spanList[i].style.fontFamily = "Webdings";
> spanList[i].firstChild.nodeValue = "4";
> }
> }
>
> // Find the width of a menu item.
>
> itemList = menu.getElementsByTagName("A");
> if (itemList.length > 0)
> itemWidth = itemList[0].offsetWidth;
> else
> return;
>
> // For items with arrows, add padding to item text to make the
> // arrows flush right.
>
> for (i = 0; i < itemList.length; i++) {
> spanList = itemList[i].getElementsByTagName("SPAN");
> textEl = null;
> arrowEl = null;
> for (j = 0; j < spanList.length; j++) {
> if (hasClassName(spanList[j], "menuItemText"))
> textEl = spanList[j];
> if (hasClassName(spanList[j], "menuItemArrow"))
> arrowEl = spanList[j];
> }
> if (textEl != null && arrowEl != null) {
> textEl.style.paddingRight = (itemWidth
> - (textEl.offsetWidth + arrowEl.offsetWidth)) + "px";
> // For Opera, remove the negative right margin to fix a display bug.
> if (browser.isOP)
> arrowEl.style.marginRight = "0px";
> }
> }
>
> // Fix IE hover problem by setting an explicit width on first item of
> // the menu.
>
> if (browser.isIE) {
> w = itemList[0].offsetWidth;
> itemList[0].style.width = w + "px";
> dw = itemList[0].offsetWidth - w;
> w -= dw;
> itemList[0].style.width = w + "px";
> }
>
> // Fix the IE display problem (SELECT elements and other windowed controls
> // overlaying the menu) by adding an IFRAME under the menu.
>
> if (browser.isIE) {
> var iframeEl = document.createElement("IFRAME");
> iframeEl.frameBorder = 0;
> iframeEl.src = "javascript:;";
> iframeEl.style.display = "none";
> iframeEl.style.position = "absolute";
> iframeEl.style.filter =
> "progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
> menu.iframeEl = menu.parentNode.insertBefore(iframeEl, menu);
> }
>
> // Mark menu as initialized.
>
> menu.isInitialized = true;
> }
>
>
> "sdrouins" a écrit :
>
> > Salut, moi aussi j'ai eu ce beau probleme, et une solution asser simple est
> > de te créer un Iframe qui a la meme largeur x hauteur que ton div et de la
> > mettre sous ton div.... ca reglera ce bug
> >
> >
> > "seb14" a écrit :
> >
> > > Bonjour,
> > >
> > > J'ai une page avec un menu a base de DIV et sous mon menu j'ai mis dans une
> > > gridlayout une Dropdownlist.
> > >
> > > mon probleme c'est que mon menu passe systematiquement sous la DropdownList.
> > >
> > > Si quelqu'un a une idée ca serait sympa parceque la je vois pas.
> > >
> > > Voici le code :
> > > <%@ Register TagPrefix="uc1" TagName="MainNavigation"
> > > Src="Controls/MainNavigation.ascx" %>
> > > <%@ Page language="c#" Codebehind="page2.aspx.cs" AutoEventWireup="false"
> > > Inherits="SitePresentation.page2" smartNavigation="True"%>
> > > <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
> > > <HTML>
> > > <HEAD>
> > > <title>page2</title>
> > > <meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR">
> > > <meta content="C#" name="CODE_LANGUAGE">
> > > <meta content="JavaScript" name="vs_defaultClientScript">
> > > <meta content="http://schemas.microsoft.com/intellisense/ie5"
> > > name="vs_targetSchema">
> > > </HEAD>
> > > <body>
> > > <form id="Form1" method="post" runat="server">
> > > <DIV>
> > > <style type="text/css">DIV.menuBar {
> > > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR: #000000;
> > > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
> > > }
> > > DIV.menuBar A.menuButton {
> > > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR: #000000;
> > > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
> > > }
> > > DIV.menu {
> > > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR: #000000;
> > > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
> > > }
> > > DIV.menu A.menuItem {
> > > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR: #000000;
> > > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
> > > }
> > > DIV.menuBar {
> > > BORDER-RIGHT: #e0e0e0 2px outset; PADDING-RIGHT: 2px; BORDER-TOP: #e0e0e0
> > > 2px outset; PADDING-LEFT: 2px; Z-INDEX: 905; PADDING-BOTTOM: 4px;
> > > BORDER-LEFT: #e0e0e0 2px outset; PADDING-TOP: 4px; BORDER-BOTTOM: #e0e0e0 2px
> > > outset; BACKGROUND-COLOR: #e0e0e0; TEXT-ALIGN: left
> > > }
> > > DIV.menuBar A.menuButton {
> > > BORDER-RIGHT: #e0e0e0 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #e0e0e0
> > > 1px solid; PADDING-LEFT: 6px; Z-INDEX: 902; LEFT: 0px; PADDING-BOTTOM: 2px;
> > > MARGIN: 1px; BORDER-LEFT: #e0e0e0 1px solid; CURSOR: default; COLOR: #000000;
> > > PADDING-TOP: 2px; BORDER-BOTTOM: #e0e0e0 1px solid; POSITION: relative; TOP:
> > > 0px; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none
> > > }
> > > DIV.menuBar A.menuButton:hover {
> > > BORDER-RIGHT: #e0e0e0 1px outset; BORDER-TOP: #e0e0e0 1px outset; Z-INDEX:
> > > 906; BORDER-LEFT: #e0e0e0 1px outset; COLOR: #000000; BORDER-BOTTOM: #e0e0e0
> > > 1px outset; BACKGROUND-COLOR: transparent
> > > }
> > > DIV.menuBar A.menuButtonActive {
> > > BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset; Z-INDEX:
> > > 907; LEFT: 1px; BORDER-LEFT: #e0e0e0 1px inset; COLOR: #ffffff;
> > > BORDER-BOTTOM: #e0e0e0 1px inset; TOP: 1px; BACKGROUND-COLOR: #5050f0
> > > }
> > > DIV.menuBar A.menuButtonActive:hover {
> > > BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset; Z-INDEX:
> > > 907; LEFT: 1px; BORDER-LEFT: #e0e0e0 1px inset; COLOR: #ffffff;
> > > BORDER-BOTTOM: #e0e0e0 1px inset; TOP: 1px; BACKGROUND-COLOR: #5050f0
> > > }
> > > DIV.menu {
> > > BORDER-RIGHT: #e0e0e0 2px outset; PADDING-RIGHT: 1px; BORDER-TOP: #e0e0e0
> > > 2px outset; PADDING-LEFT: 0px; Z-INDEX: 901; LEFT: 0px; VISIBILITY: hidden;
> > > PADDING-BOTTOM: 1px; BORDER-LEFT: #e0e0e0 2px outset; PADDING-TOP: 0px;
> > > BORDER-BOTTOM: #e0e0e0 2px outset; POSITION: absolute; TOP: 0px;
> > > BACKGROUND-COLOR: #e0e0e0
> > > }
> > > DIV.menu A.menuItem {
> > > PADDING-RIGHT: 1em; DISPLAY: block; PADDING-LEFT: 1em; Z-INDEX: 903;
> > > PADDING-BOTTOM: 3px; CURSOR: default; COLOR: #000000; PADDING-TOP: 3px;
> > > WHITE-SPACE: nowrap; TEXT-DECORATION: none
> > > }
> > > DIV.menu A.menuItem:hover {
> > > COLOR: #ffffff; BACKGROUND-COLOR: #5050f0
> > > }
> > > DIV.menu A.menuItemHighlight {
> > > COLOR: #ffffff; BACKGROUND-COLOR: #5050f0
> > > }
> > > DIV.menu A.menuItem SPAN.menuItemText {
> > >
> > > }
> > > DIV.menu A.menuItem SPAN.menuItemArrow {
> > > MARGIN-RIGHT: -0.75em
> > > }
> > > DIV.menu DIV.menuItemSep {
> > > BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset; MARGIN: 4px
> > > 2px; BORDER-LEFT: #e0e0e0 1px inset; BORDER-BOTTOM: #e0e0e0 1px inset
> > > }
> > > </style>
> > > <script type="text/javascript">//<![CDATA[
> > >
> > > //*****************************************************************************
> > > // Do not remove this notice.
> > > //
> > > // Copyright 2000-2004 by Mike Hall.
> > > // See http://www.brainjar.com for terms of use.
> > > //*****************************************************************************
> > >
> > > //----------------------------------------------------------------------------
> > > // Code to determine the browser and version.
> > > //----------------------------------------------------------------------------
> > >
> > > function Browser() {
> > >
> > > var ua, s, i;
> > >
> > > this.isIE = false; // Internet Explorer
> > > this.isOP = false; // Opera
> > > this.isNS = false; // Netscape
> > > this.version = null;
> > >
> > > ua = navigator.userAgent;
> > >
> > > s = "Opera";
> > > if ((i = ua.indexOf(s)) >= 0) {
> > > this.isOP = true;
> > > this.version = parseFloat(ua.substr(i + s.length));
> > > return;
> > > }
> > >
> > > s = "Netscape6/";
> > > if ((i = ua.indexOf(s)) >= 0) {
> > > this.isNS = true;
> > > this.version = parseFloat(ua.substr(i + s.length));
> > > return;
> > > }
> > >
> > > // Treat any other "Gecko" browser as Netscape 6.1.
> > >
> > > s = "Gecko";
> > > if ((i = ua.indexOf(s)) >= 0) {
> > > this.isNS = true;
> > > this.version = 6.1;
> > > return;
> > > }
> > >
> > > s = "MSIE";
> > > if ((i = ua.indexOf(s))) {
> > > this.isIE = true;
> > > this.version = parseFloat(ua.substr(i + s.length));
> > > return;
> > > }
> > > }
> > >
> > > var browser = new Browser();
> > >
> > > //----------------------------------------------------------------------------
> > > // Code for handling the menu bar and active button.
> > > //----------------------------------------------------------------------------
> > >
> > > var activeButton = null;
> > >
> > > // Capture mouse clicks on the page so any active button can be
> > > // deactivated.
> > >
> > > if (browser.isIE)
> > > document.onmousedown = pageMousedown;
> > > else
> > > document.addEventListener("mousedown", pageMousedown, true);
> > >
> > > function pageMousedown(event) {
> > >
> > > var el;
> > >
> > > // If there is no active button, exit.
> > >
> > > if (activeButton == null)
> > > return;
> > >
> > > // Find the element that was clicked on.
> > >
> > > if (browser.isIE)
> > > el = window.event.srcElement;
> > > else
> > > el = (event.target.tagName ? event.target : event.target.parentNode);
> > >
> > > // If the active button was clicked on, exit.
> > >
> > > if (el == activeButton)
> > > return;
> > >
> > > // If the element is not part of a menu, reset and clear the active
> > > // button.
> > >
> > > if (getContainerWith(el, "DIV", "menu") == null) {
> > > resetButton(activeButton);
> > > activeButton = null;
> > > }


Avatar
sdrouins
essaye de changer ce bout de code la :
var iframeEl = document.createElement("IFRAME");
> iframeEl.frameBorder = 0;
> iframeEl.src = "javascript:;";
> iframeEl.style.display = "none";
> iframeEl.style.position = "absolute";
> iframeEl.style.filter =
> "progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
> menu.iframeEl = menu.parentNode.insertBefore(iframeEl, menu);


pour:
var iframeEl = document.createElement("IFRAME");
iframeEl.frameBorder = 10;
iframeEl.src = "javascript:;";
iframeEl.style.visibility = 'visible';
iframeEl.style.display = 'block';
iframeEl.style.height = 800
iframeEl.style.width = 800
iframeEl.style.zIndex=0
iframeEl.style.position = "absolute";
iframeEl.style.filter =
"progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
menu.iframeEl = menu.parentNode.insertBefore(iframeEl, menu);
**********************************


iframeEl.style.filter =
"progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
ca fait quoi dans la vie ca?

la si tu le vois pas tu a une gros probleme ;)

"seb14" a écrit :

effectivement je ne vois pas mes iframes
meme en changeant display = "block"
la je comprends pas tout ma petite cervelle a du mal

"sdrouins" a écrit :

> est-ce que tu vois ton iframe dans ta page?
> de ce que je vois tu a spas l'air a le mettre visible
> change dont: iframeEl.style.display = "none";
> iframeEl.style.display = "block"
>
> pis set lui une largeur et hauteur
> "seb14" a écrit :
>
> > Merci pour ta reponse !
> > Mais le probleme c'est que mon javascript créé les iframes.
> >
> > function menuInit(menu) {
> >
> > var itemList, spanList;
> > var textEl, arrowEl;
> > var itemWidth;
> > var w, dw;
> > var i, j;
> >
> > // For IE, replace arrow characters.
> >
> > if (browser.isIE) {
> > menu.style.lineHeight = "2.5ex";
> > spanList = menu.getElementsByTagName("SPAN");
> > for (i = 0; i < spanList.length; i++)
> > if (hasClassName(spanList[i], "menuItemArrow")) {
> > spanList[i].style.fontFamily = "Webdings";
> > spanList[i].firstChild.nodeValue = "4";
> > }
> > }
> >
> > // Find the width of a menu item.
> >
> > itemList = menu.getElementsByTagName("A");
> > if (itemList.length > 0)
> > itemWidth = itemList[0].offsetWidth;
> > else
> > return;
> >
> > // For items with arrows, add padding to item text to make the
> > // arrows flush right.
> >
> > for (i = 0; i < itemList.length; i++) {
> > spanList = itemList[i].getElementsByTagName("SPAN");
> > textEl = null;
> > arrowEl = null;
> > for (j = 0; j < spanList.length; j++) {
> > if (hasClassName(spanList[j], "menuItemText"))
> > textEl = spanList[j];
> > if (hasClassName(spanList[j], "menuItemArrow"))
> > arrowEl = spanList[j];
> > }
> > if (textEl != null && arrowEl != null) {
> > textEl.style.paddingRight = (itemWidth
> > - (textEl.offsetWidth + arrowEl.offsetWidth)) + "px";
> > // For Opera, remove the negative right margin to fix a display bug.
> > if (browser.isOP)
> > arrowEl.style.marginRight = "0px";
> > }
> > }
> >
> > // Fix IE hover problem by setting an explicit width on first item of
> > // the menu.
> >
> > if (browser.isIE) {
> > w = itemList[0].offsetWidth;
> > itemList[0].style.width = w + "px";
> > dw = itemList[0].offsetWidth - w;
> > w -= dw;
> > itemList[0].style.width = w + "px";
> > }
> >
> > // Fix the IE display problem (SELECT elements and other windowed controls
> > // overlaying the menu) by adding an IFRAME under the menu.
> >
> > if (browser.isIE) {
> > var iframeEl = document.createElement("IFRAME");
> > iframeEl.frameBorder = 0;
> > iframeEl.src = "javascript:;";
> > iframeEl.style.display = "none";
> > iframeEl.style.position = "absolute";
> > iframeEl.style.filter =
> > "progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
> > menu.iframeEl = menu.parentNode.insertBefore(iframeEl, menu);
> > }
> >
> > // Mark menu as initialized.
> >
> > menu.isInitialized = true;
> > }
> >
> >
> > "sdrouins" a écrit :
> >
> > > Salut, moi aussi j'ai eu ce beau probleme, et une solution asser simple est
> > > de te créer un Iframe qui a la meme largeur x hauteur que ton div et de la
> > > mettre sous ton div.... ca reglera ce bug
> > >
> > >
> > > "seb14" a écrit :
> > >
> > > > Bonjour,
> > > >
> > > > J'ai une page avec un menu a base de DIV et sous mon menu j'ai mis dans une
> > > > gridlayout une Dropdownlist.
> > > >
> > > > mon probleme c'est que mon menu passe systematiquement sous la DropdownList.
> > > >
> > > > Si quelqu'un a une idée ca serait sympa parceque la je vois pas.
> > > >
> > > > Voici le code :
> > > > <%@ Register TagPrefix="uc1" TagName="MainNavigation"
> > > > Src="Controls/MainNavigation.ascx" %>
> > > > <%@ Page language="c#" Codebehind="page2.aspx.cs" AutoEventWireup="false"
> > > > Inherits="SitePresentation.page2" smartNavigation="True"%>
> > > > <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
> > > > <HTML>
> > > > <HEAD>
> > > > <title>page2</title>
> > > > <meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR">
> > > > <meta content="C#" name="CODE_LANGUAGE">
> > > > <meta content="JavaScript" name="vs_defaultClientScript">
> > > > <meta content="http://schemas.microsoft.com/intellisense/ie5"
> > > > name="vs_targetSchema">
> > > > </HEAD>
> > > > <body>
> > > > <form id="Form1" method="post" runat="server">
> > > > <DIV>
> > > > <style type="text/css">DIV.menuBar {
> > > > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR: #000000;
> > > > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
> > > > }
> > > > DIV.menuBar A.menuButton {
> > > > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR: #000000;
> > > > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
> > > > }
> > > > DIV.menu {
> > > > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR: #000000;
> > > > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
> > > > }
> > > > DIV.menu A.menuItem {
> > > > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR: #000000;
> > > > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
> > > > }
> > > > DIV.menuBar {
> > > > BORDER-RIGHT: #e0e0e0 2px outset; PADDING-RIGHT: 2px; BORDER-TOP: #e0e0e0
> > > > 2px outset; PADDING-LEFT: 2px; Z-INDEX: 905; PADDING-BOTTOM: 4px;
> > > > BORDER-LEFT: #e0e0e0 2px outset; PADDING-TOP: 4px; BORDER-BOTTOM: #e0e0e0 2px
> > > > outset; BACKGROUND-COLOR: #e0e0e0; TEXT-ALIGN: left
> > > > }
> > > > DIV.menuBar A.menuButton {
> > > > BORDER-RIGHT: #e0e0e0 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #e0e0e0
> > > > 1px solid; PADDING-LEFT: 6px; Z-INDEX: 902; LEFT: 0px; PADDING-BOTTOM: 2px;
> > > > MARGIN: 1px; BORDER-LEFT: #e0e0e0 1px solid; CURSOR: default; COLOR: #000000;
> > > > PADDING-TOP: 2px; BORDER-BOTTOM: #e0e0e0 1px solid; POSITION: relative; TOP:
> > > > 0px; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none
> > > > }
> > > > DIV.menuBar A.menuButton:hover {
> > > > BORDER-RIGHT: #e0e0e0 1px outset; BORDER-TOP: #e0e0e0 1px outset; Z-INDEX:
> > > > 906; BORDER-LEFT: #e0e0e0 1px outset; COLOR: #000000; BORDER-BOTTOM: #e0e0e0
> > > > 1px outset; BACKGROUND-COLOR: transparent
> > > > }
> > > > DIV.menuBar A.menuButtonActive {
> > > > BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset; Z-INDEX:
> > > > 907; LEFT: 1px; BORDER-LEFT: #e0e0e0 1px inset; COLOR: #ffffff;
> > > > BORDER-BOTTOM: #e0e0e0 1px inset; TOP: 1px; BACKGROUND-COLOR: #5050f0
> > > > }
> > > > DIV.menuBar A.menuButtonActive:hover {
> > > > BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset; Z-INDEX:
> > > > 907; LEFT: 1px; BORDER-LEFT: #e0e0e0 1px inset; COLOR: #ffffff;
> > > > BORDER-BOTTOM: #e0e0e0 1px inset; TOP: 1px; BACKGROUND-COLOR: #5050f0
> > > > }
> > > > DIV.menu {
> > > > BORDER-RIGHT: #e0e0e0 2px outset; PADDING-RIGHT: 1px; BORDER-TOP: #e0e0e0
> > > > 2px outset; PADDING-LEFT: 0px; Z-INDEX: 901; LEFT: 0px; VISIBILITY: hidden;
> > > > PADDING-BOTTOM: 1px; BORDER-LEFT: #e0e0e0 2px outset; PADDING-TOP: 0px;
> > > > BORDER-BOTTOM: #e0e0e0 2px outset; POSITION: absolute; TOP: 0px;
> > > > BACKGROUND-COLOR: #e0e0e0
> > > > }
> > > > DIV.menu A.menuItem {
> > > > PADDING-RIGHT: 1em; DISPLAY: block; PADDING-LEFT: 1em; Z-INDEX: 903;
> > > > PADDING-BOTTOM: 3px; CURSOR: default; COLOR: #000000; PADDING-TOP: 3px;
> > > > WHITE-SPACE: nowrap; TEXT-DECORATION: none
> > > > }
> > > > DIV.menu A.menuItem:hover {
> > > > COLOR: #ffffff; BACKGROUND-COLOR: #5050f0
> > > > }
> > > > DIV.menu A.menuItemHighlight {
> > > > COLOR: #ffffff; BACKGROUND-COLOR: #5050f0
> > > > }
> > > > DIV.menu A.menuItem SPAN.menuItemText {
> > > >
> > > > }
> > > > DIV.menu A.menuItem SPAN.menuItemArrow {
> > > > MARGIN-RIGHT: -0.75em
> > > > }
> > > > DIV.menu DIV.menuItemSep {
> > > > BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset; MARGIN: 4px
> > > > 2px; BORDER-LEFT: #e0e0e0 1px inset; BORDER-BOTTOM: #e0e0e0 1px inset
> > > > }
> > > > </style>
> > > > <script type="text/javascript">//<![CDATA[
> > > >
> > > > //*****************************************************************************
> > > > // Do not remove this notice.
> > > > //
> > > > // Copyright 2000-2004 by Mike Hall.
> > > > // See http://www.brainjar.com for terms of use.
> > > > //*****************************************************************************
> > > >
> > > > //----------------------------------------------------------------------------
> > > > // Code to determine the browser and version.
> > > > //----------------------------------------------------------------------------
> > > >
> > > > function Browser() {
> > > >
> > > > var ua, s, i;
> > > >
> > > > this.isIE = false; // Internet Explorer
> > > > this.isOP = false; // Opera
> > > > this.isNS = false; // Netscape
> > > > this.version = null;
> > > >
> > > > ua = navigator.userAgent;
> > > >
> > > > s = "Opera";
> > > > if ((i = ua.indexOf(s)) >= 0) {
> > > > this.isOP = true;
> > > > this.version = parseFloat(ua.substr(i + s.length));
> > > > return;
> > > > }
> > > >
> > > > s = "Netscape6/";
> > > > if ((i = ua.indexOf(s)) >= 0) {
> > > > this.isNS = true;
> > > > this.version = parseFloat(ua.substr(i + s.length));
> > > > return;
> > > > }
> > > >
> > > > // Treat any other "Gecko" browser as Netscape 6.1.
> > > >
> > > > s = "Gecko";
> > > > if ((i = ua.indexOf(s)) >= 0) {
> > > > this.isNS = true;
> > > > this.version = 6.1;
> > > > return;
> > > > }
> > > >
> > > > s = "MSIE";
> > > > if ((i = ua.indexOf(s))) {
> > > > this.isIE = true;
> > > > this.version = parseFloat(ua.substr(i + s.length));
> > > > return;
> > > > }
> > > > }
> > > >
> > > > var browser = new Browser();
> > > >
> > > > //----------------------------------------------------------------------------
> > > > // Code for handling the menu bar and active button.
> > > > //----------------------------------------------------------------------------
> > > >
> > > > var activeButton = null;
> > > >
> > > > // Capture mouse clicks on the page so any active button can be
> > > > // deactivated.
> > > >
> > > > if (browser.isIE)
> > > > document.onmousedown = pageMousedown;
> > > > else
> > > > document.addEventListener("mousedown", pageMousedown, true);
> > > >
> > > > function pageMousedown(event) {
> > > >
> > > > var el;
> > > >
> > > > // If there is no active button, exit.
> > > >
> > > > if (activeButton == null)
> > > > return;
> > > >
> > > > // Find the element that was clicked on.
> > > >
> > > > if (browser.isIE)
> > > > el = window.event.srcElement;
> > > > else
> > > > el = (event.target.tagName ? event.target : event.target.parentNode);
> > > >
> > > > // If the active button was clicked on, exit.
> > > >
> > > > if (el == activeButton)
> > > > return;
> > > >
> > > > // If the element is not part of a menu, reset and clear the active


Avatar
seb14
Meme avec les mofications je ne vois pas l'iframe pourtant je passe bien dans
le bloc ( j'ai test avec une alert)
pour la signification de
iframeEl.style.filter =
"progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
Je ne sais pas j'ai repris le menu par le biais du site Brainjar.com.
je ne comprend abosument pas.
si je peux abuser est ce que je pourrais t'envoyer mon code par mail pour
voir.



"sdrouins" a écrit :

essaye de changer ce bout de code la :
var iframeEl = document.createElement("IFRAME");
> > iframeEl.frameBorder = 0;
> > iframeEl.src = "javascript:;";
> > iframeEl.style.display = "none";
> > iframeEl.style.position = "absolute";
> > iframeEl.style.filter =
> > "progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
> > menu.iframeEl = menu.parentNode.insertBefore(iframeEl, menu);
pour:
var iframeEl = document.createElement("IFRAME");
iframeEl.frameBorder = 10;
iframeEl.src = "javascript:;";
iframeEl.style.visibility = 'visible';
iframeEl.style.display = 'block';
iframeEl.style.height = 800
iframeEl.style.width = 800
iframeEl.style.zIndex=0
iframeEl.style.position = "absolute";
iframeEl.style.filter =
"progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
menu.iframeEl = menu.parentNode.insertBefore(iframeEl, menu);
**********************************


iframeEl.style.filter =
"progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
ca fait quoi dans la vie ca?

la si tu le vois pas tu a une gros probleme ;)

"seb14" a écrit :

> effectivement je ne vois pas mes iframes
> meme en changeant display = "block"
> la je comprends pas tout ma petite cervelle a du mal
>
> "sdrouins" a écrit :
>
> > est-ce que tu vois ton iframe dans ta page?
> > de ce que je vois tu a spas l'air a le mettre visible
> > change dont: iframeEl.style.display = "none";
> > iframeEl.style.display = "block"
> >
> > pis set lui une largeur et hauteur
> > "seb14" a écrit :
> >
> > > Merci pour ta reponse !
> > > Mais le probleme c'est que mon javascript créé les iframes.
> > >
> > > function menuInit(menu) {
> > >
> > > var itemList, spanList;
> > > var textEl, arrowEl;
> > > var itemWidth;
> > > var w, dw;
> > > var i, j;
> > >
> > > // For IE, replace arrow characters.
> > >
> > > if (browser.isIE) {
> > > menu.style.lineHeight = "2.5ex";
> > > spanList = menu.getElementsByTagName("SPAN");
> > > for (i = 0; i < spanList.length; i++)
> > > if (hasClassName(spanList[i], "menuItemArrow")) {
> > > spanList[i].style.fontFamily = "Webdings";
> > > spanList[i].firstChild.nodeValue = "4";
> > > }
> > > }
> > >
> > > // Find the width of a menu item.
> > >
> > > itemList = menu.getElementsByTagName("A");
> > > if (itemList.length > 0)
> > > itemWidth = itemList[0].offsetWidth;
> > > else
> > > return;
> > >
> > > // For items with arrows, add padding to item text to make the
> > > // arrows flush right.
> > >
> > > for (i = 0; i < itemList.length; i++) {
> > > spanList = itemList[i].getElementsByTagName("SPAN");
> > > textEl = null;
> > > arrowEl = null;
> > > for (j = 0; j < spanList.length; j++) {
> > > if (hasClassName(spanList[j], "menuItemText"))
> > > textEl = spanList[j];
> > > if (hasClassName(spanList[j], "menuItemArrow"))
> > > arrowEl = spanList[j];
> > > }
> > > if (textEl != null && arrowEl != null) {
> > > textEl.style.paddingRight = (itemWidth
> > > - (textEl.offsetWidth + arrowEl.offsetWidth)) + "px";
> > > // For Opera, remove the negative right margin to fix a display bug.
> > > if (browser.isOP)
> > > arrowEl.style.marginRight = "0px";
> > > }
> > > }
> > >
> > > // Fix IE hover problem by setting an explicit width on first item of
> > > // the menu.
> > >
> > > if (browser.isIE) {
> > > w = itemList[0].offsetWidth;
> > > itemList[0].style.width = w + "px";
> > > dw = itemList[0].offsetWidth - w;
> > > w -= dw;
> > > itemList[0].style.width = w + "px";
> > > }
> > >
> > > // Fix the IE display problem (SELECT elements and other windowed controls
> > > // overlaying the menu) by adding an IFRAME under the menu.
> > >
> > > if (browser.isIE) {
> > > var iframeEl = document.createElement("IFRAME");
> > > iframeEl.frameBorder = 0;
> > > iframeEl.src = "javascript:;";
> > > iframeEl.style.display = "none";
> > > iframeEl.style.position = "absolute";
> > > iframeEl.style.filter =
> > > "progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
> > > menu.iframeEl = menu.parentNode.insertBefore(iframeEl, menu);
> > > }
> > >
> > > // Mark menu as initialized.
> > >
> > > menu.isInitialized = true;
> > > }
> > >
> > >
> > > "sdrouins" a écrit :
> > >
> > > > Salut, moi aussi j'ai eu ce beau probleme, et une solution asser simple est
> > > > de te créer un Iframe qui a la meme largeur x hauteur que ton div et de la
> > > > mettre sous ton div.... ca reglera ce bug
> > > >
> > > >
> > > > "seb14" a écrit :
> > > >
> > > > > Bonjour,
> > > > >
> > > > > J'ai une page avec un menu a base de DIV et sous mon menu j'ai mis dans une
> > > > > gridlayout une Dropdownlist.
> > > > >
> > > > > mon probleme c'est que mon menu passe systematiquement sous la DropdownList.
> > > > >
> > > > > Si quelqu'un a une idée ca serait sympa parceque la je vois pas.
> > > > >
> > > > > Voici le code :
> > > > > <%@ Register TagPrefix="uc1" TagName="MainNavigation"
> > > > > Src="Controls/MainNavigation.ascx" %>
> > > > > <%@ Page language="c#" Codebehind="page2.aspx.cs" AutoEventWireup="false"
> > > > > Inherits="SitePresentation.page2" smartNavigation="True"%>
> > > > > <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
> > > > > <HTML>
> > > > > <HEAD>
> > > > > <title>page2</title>
> > > > > <meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR">
> > > > > <meta content="C#" name="CODE_LANGUAGE">
> > > > > <meta content="JavaScript" name="vs_defaultClientScript">
> > > > > <meta content="http://schemas.microsoft.com/intellisense/ie5"
> > > > > name="vs_targetSchema">
> > > > > </HEAD>
> > > > > <body>
> > > > > <form id="Form1" method="post" runat="server">
> > > > > <DIV>
> > > > > <style type="text/css">DIV.menuBar {
> > > > > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR: #000000;
> > > > > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
> > > > > }
> > > > > DIV.menuBar A.menuButton {
> > > > > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR: #000000;
> > > > > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
> > > > > }
> > > > > DIV.menu {
> > > > > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR: #000000;
> > > > > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
> > > > > }
> > > > > DIV.menu A.menuItem {
> > > > > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR: #000000;
> > > > > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial, sans-serif
> > > > > }
> > > > > DIV.menuBar {
> > > > > BORDER-RIGHT: #e0e0e0 2px outset; PADDING-RIGHT: 2px; BORDER-TOP: #e0e0e0
> > > > > 2px outset; PADDING-LEFT: 2px; Z-INDEX: 905; PADDING-BOTTOM: 4px;
> > > > > BORDER-LEFT: #e0e0e0 2px outset; PADDING-TOP: 4px; BORDER-BOTTOM: #e0e0e0 2px
> > > > > outset; BACKGROUND-COLOR: #e0e0e0; TEXT-ALIGN: left
> > > > > }
> > > > > DIV.menuBar A.menuButton {
> > > > > BORDER-RIGHT: #e0e0e0 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #e0e0e0
> > > > > 1px solid; PADDING-LEFT: 6px; Z-INDEX: 902; LEFT: 0px; PADDING-BOTTOM: 2px;
> > > > > MARGIN: 1px; BORDER-LEFT: #e0e0e0 1px solid; CURSOR: default; COLOR: #000000;
> > > > > PADDING-TOP: 2px; BORDER-BOTTOM: #e0e0e0 1px solid; POSITION: relative; TOP:
> > > > > 0px; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none
> > > > > }
> > > > > DIV.menuBar A.menuButton:hover {
> > > > > BORDER-RIGHT: #e0e0e0 1px outset; BORDER-TOP: #e0e0e0 1px outset; Z-INDEX:
> > > > > 906; BORDER-LEFT: #e0e0e0 1px outset; COLOR: #000000; BORDER-BOTTOM: #e0e0e0
> > > > > 1px outset; BACKGROUND-COLOR: transparent
> > > > > }
> > > > > DIV.menuBar A.menuButtonActive {
> > > > > BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset; Z-INDEX:
> > > > > 907; LEFT: 1px; BORDER-LEFT: #e0e0e0 1px inset; COLOR: #ffffff;
> > > > > BORDER-BOTTOM: #e0e0e0 1px inset; TOP: 1px; BACKGROUND-COLOR: #5050f0
> > > > > }
> > > > > DIV.menuBar A.menuButtonActive:hover {
> > > > > BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset; Z-INDEX:
> > > > > 907; LEFT: 1px; BORDER-LEFT: #e0e0e0 1px inset; COLOR: #ffffff;
> > > > > BORDER-BOTTOM: #e0e0e0 1px inset; TOP: 1px; BACKGROUND-COLOR: #5050f0
> > > > > }
> > > > > DIV.menu {
> > > > > BORDER-RIGHT: #e0e0e0 2px outset; PADDING-RIGHT: 1px; BORDER-TOP: #e0e0e0
> > > > > 2px outset; PADDING-LEFT: 0px; Z-INDEX: 901; LEFT: 0px; VISIBILITY: hidden;
> > > > > PADDING-BOTTOM: 1px; BORDER-LEFT: #e0e0e0 2px outset; PADDING-TOP: 0px;
> > > > > BORDER-BOTTOM: #e0e0e0 2px outset; POSITION: absolute; TOP: 0px;
> > > > > BACKGROUND-COLOR: #e0e0e0
> > > > > }
> > > > > DIV.menu A.menuItem {
> > > > > PADDING-RIGHT: 1em; DISPLAY: block; PADDING-LEFT: 1em; Z-INDEX: 903;
> > > > > PADDING-BOTTOM: 3px; CURSOR: default; COLOR: #000000; PADDING-TOP: 3px;
> > > > > WHITE-SPACE: nowrap; TEXT-DECORATION: none
> > > > > }
> > > > > DIV.menu A.menuItem:hover {
> > > > > COLOR: #ffffff; BACKGROUND-COLOR: #5050f0
> > > > > }
> > > > > DIV.menu A.menuItemHighlight {
> > > > > COLOR: #ffffff; BACKGROUND-COLOR: #5050f0
> > > > > }
> > > > > DIV.menu A.menuItem SPAN.menuItemText {
> > > > >
> > > > > }
> > > > > DIV.menu A.menuItem SPAN.menuItemArrow {
> > > > > MARGIN-RIGHT: -0.75em
> > > > > }
> > > > > DIV.menu DIV.menuItemSep {
> > > > > BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset; MARGIN: 4px
> > > > > 2px; BORDER-LEFT: #e0e0e0 1px inset; BORDER-BOTTOM: #e0e0e0 1px inset
> > > > > }
> > > > > </style>
> > > > > <script type="text/javascript">//<![CDATA[
> > > > >
> > > > > //*****************************************************************************
> > > > > // Do not remove this notice.
> > > > > //
> > > > > // Copyright 2000-2004 by Mike Hall.
> > > > > // See http://www.brainjar.com for terms of use.
> > > > > //*****************************************************************************
> > > > >
> > > > > //----------------------------------------------------------------------------
> > > > > // Code to determine the browser and version.
> > > > > //----------------------------------------------------------------------------
> > > > >
> > > > > function Browser() {
> > > > >
> > > > > var ua, s, i;
> > > > >
> > > > > this.isIE = false; // Internet Explorer
> > > > > this.isOP = false; // Opera
> > > > > this.isNS = false; // Netscape
> > > > > this.version = null;
> > > > >
> > > > > ua = navigator.userAgent;
> > > > >
> > > > > s = "Opera";
> > > > > if ((i = ua.indexOf(s)) >= 0) {
> > > > > this.isOP = true;
> > > > > this.version = parseFloat(ua.substr(i + s.length));
> > > > > return;
> > > > > }
> > > > >
> > > > > s = "Netscape6/";
> > > > > if ((i = ua.indexOf(s)) >= 0) {
> > > > > this.isNS = true;
> > > > > this.version = parseFloat(ua.substr(i + s.length));
> > > > > return;
> > > > > }
> > > > >
> > > > > // Treat any other "Gecko" browser as Netscape 6.1.
> > > > >
> > > > > s = "Gecko";
> > > > > if ((i = ua.indexOf(s)) >= 0) {
> > > > > this.isNS = true;
> > > > > this.version = 6.1;
> > > > > return;
> > > > > }
> > > > >
> > > > > s = "MSIE";
> > > > > if ((i = ua.indexOf(s))) {
> > > > > this.isIE = true;
> > > > > this.version = parseFloat(ua.substr(i + s.length));
> > > > > return;
> > > > > }
> > > > > }
> > > > >
> > > > > var browser = new Browser();
> > > > >
> > > > > //----------------------------------------------------------------------------
> > > > > // Code for handling the menu bar and active button.
> > > > > //----------------------------------------------------------------------------


Avatar
Norm
Plusieurs menu ont ce problème il ne passe par-dessus les combobox et
d'autres objet, un pdf par exemple.

Il existe des menus certains payant d'autre non qui permettent de passé par
dessus les combobox.
une recherche dans google t'en fera trouver beaucoup.
un que j'ai déjà utilisé.
http://webfx.eae.net/dhtml/dhtmlmenu4/menu4.html


"seb14" a écrit dans le message de news:

Meme avec les mofications je ne vois pas l'iframe pourtant je passe bien
dans
le bloc ( j'ai test avec une alert)
pour la signification de
iframeEl.style.filter > "progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
Je ne sais pas j'ai repris le menu par le biais du site Brainjar.com.
je ne comprend abosument pas.
si je peux abuser est ce que je pourrais t'envoyer mon code par mail pour
voir.



"sdrouins" a écrit :

essaye de changer ce bout de code la :
var iframeEl = document.createElement("IFRAME");
> > iframeEl.frameBorder = 0;
> > iframeEl.src = "javascript:;";
> > iframeEl.style.display = "none";
> > iframeEl.style.position = "absolute";
> > iframeEl.style.filter >> > > "progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
> > menu.iframeEl = menu.parentNode.insertBefore(iframeEl, menu);
pour:
var iframeEl = document.createElement("IFRAME");
iframeEl.frameBorder = 10;
iframeEl.src = "javascript:;";
iframeEl.style.visibility = 'visible';
iframeEl.style.display = 'block';
iframeEl.style.height = 800
iframeEl.style.width = 800
iframeEl.style.zIndex=0
iframeEl.style.position = "absolute";
iframeEl.style.filter >> "progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
menu.iframeEl = menu.parentNode.insertBefore(iframeEl, menu);
**********************************


iframeEl.style.filter >> "progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
ca fait quoi dans la vie ca?

la si tu le vois pas tu a une gros probleme ;)

"seb14" a écrit :

> effectivement je ne vois pas mes iframes
> meme en changeant display = "block"
> la je comprends pas tout ma petite cervelle a du mal
>
> "sdrouins" a écrit :
>
> > est-ce que tu vois ton iframe dans ta page?
> > de ce que je vois tu a spas l'air a le mettre visible
> > change dont: iframeEl.style.display = "none";
> > iframeEl.style.display = "block"
> >
> > pis set lui une largeur et hauteur
> > "seb14" a écrit :
> >
> > > Merci pour ta reponse !
> > > Mais le probleme c'est que mon javascript créé les iframes.
> > >
> > > function menuInit(menu) {
> > >
> > > var itemList, spanList;
> > > var textEl, arrowEl;
> > > var itemWidth;
> > > var w, dw;
> > > var i, j;
> > >
> > > // For IE, replace arrow characters.
> > >
> > > if (browser.isIE) {
> > > menu.style.lineHeight = "2.5ex";
> > > spanList = menu.getElementsByTagName("SPAN");
> > > for (i = 0; i < spanList.length; i++)
> > > if (hasClassName(spanList[i], "menuItemArrow")) {
> > > spanList[i].style.fontFamily = "Webdings";
> > > spanList[i].firstChild.nodeValue = "4";
> > > }
> > > }
> > >
> > > // Find the width of a menu item.
> > >
> > > itemList = menu.getElementsByTagName("A");
> > > if (itemList.length > 0)
> > > itemWidth = itemList[0].offsetWidth;
> > > else
> > > return;
> > >
> > > // For items with arrows, add padding to item text to make the
> > > // arrows flush right.
> > >
> > > for (i = 0; i < itemList.length; i++) {
> > > spanList = itemList[i].getElementsByTagName("SPAN");
> > > textEl = null;
> > > arrowEl = null;
> > > for (j = 0; j < spanList.length; j++) {
> > > if (hasClassName(spanList[j], "menuItemText"))
> > > textEl = spanList[j];
> > > if (hasClassName(spanList[j], "menuItemArrow"))
> > > arrowEl = spanList[j];
> > > }
> > > if (textEl != null && arrowEl != null) {
> > > textEl.style.paddingRight = (itemWidth
> > > - (textEl.offsetWidth + arrowEl.offsetWidth)) + "px";
> > > // For Opera, remove the negative right margin to fix a
> > > display bug.
> > > if (browser.isOP)
> > > arrowEl.style.marginRight = "0px";
> > > }
> > > }
> > >
> > > // Fix IE hover problem by setting an explicit width on first
> > > item of
> > > // the menu.
> > >
> > > if (browser.isIE) {
> > > w = itemList[0].offsetWidth;
> > > itemList[0].style.width = w + "px";
> > > dw = itemList[0].offsetWidth - w;
> > > w -= dw;
> > > itemList[0].style.width = w + "px";
> > > }
> > >
> > > // Fix the IE display problem (SELECT elements and other windowed
> > > controls
> > > // overlaying the menu) by adding an IFRAME under the menu.
> > >
> > > if (browser.isIE) {
> > > var iframeEl = document.createElement("IFRAME");
> > > iframeEl.frameBorder = 0;
> > > iframeEl.src = "javascript:;";
> > > iframeEl.style.display = "none";
> > > iframeEl.style.position = "absolute";
> > > iframeEl.style.filter >> > > > "progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
> > > menu.iframeEl = menu.parentNode.insertBefore(iframeEl, menu);
> > > }
> > >
> > > // Mark menu as initialized.
> > >
> > > menu.isInitialized = true;
> > > }
> > >
> > >
> > > "sdrouins" a écrit :
> > >
> > > > Salut, moi aussi j'ai eu ce beau probleme, et une solution asser
> > > > simple est
> > > > de te créer un Iframe qui a la meme largeur x hauteur que ton div
> > > > et de la
> > > > mettre sous ton div.... ca reglera ce bug
> > > >
> > > >
> > > > "seb14" a écrit :
> > > >
> > > > > Bonjour,
> > > > >
> > > > > J'ai une page avec un menu a base de DIV et sous mon menu j'ai
> > > > > mis dans une
> > > > > gridlayout une Dropdownlist.
> > > > >
> > > > > mon probleme c'est que mon menu passe systematiquement sous la
> > > > > DropdownList.
> > > > >
> > > > > Si quelqu'un a une idée ca serait sympa parceque la je vois
> > > > > pas.
> > > > >
> > > > > Voici le code :
> > > > > <%@ Register TagPrefix="uc1" TagName="MainNavigation"
> > > > > Src="Controls/MainNavigation.ascx" %>
> > > > > <%@ Page language="c#" Codebehind="page2.aspx.cs"
> > > > > AutoEventWireup="false"
> > > > > Inherits="SitePresentation.page2" smartNavigation="True"%>
> > > > > <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
> > > > > <HTML>
> > > > > <HEAD>
> > > > > <title>page2</title>
> > > > > <meta content="Microsoft Visual Studio .NET 7.1"
> > > > > name="GENERATOR">
> > > > > <meta content="C#" name="CODE_LANGUAGE">
> > > > > <meta content="JavaScript" name="vs_defaultClientScript">
> > > > > <meta content="http://schemas.microsoft.com/intellisense/ie5"
> > > > > name="vs_targetSchema">
> > > > > </HEAD>
> > > > > <body>
> > > > > <form id="Form1" method="post" runat="server">
> > > > > <DIV>
> > > > > <style type="text/css">DIV.menuBar {
> > > > > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR:
> > > > > #000000;
> > > > > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial,
> > > > > sans-serif
> > > > > }
> > > > > DIV.menuBar A.menuButton {
> > > > > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR:
> > > > > #000000;
> > > > > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial,
> > > > > sans-serif
> > > > > }
> > > > > DIV.menu {
> > > > > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR:
> > > > > #000000;
> > > > > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial,
> > > > > sans-serif
> > > > > }
> > > > > DIV.menu A.menuItem {
> > > > > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR:
> > > > > #000000;
> > > > > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial,
> > > > > sans-serif
> > > > > }
> > > > > DIV.menuBar {
> > > > > BORDER-RIGHT: #e0e0e0 2px outset; PADDING-RIGHT: 2px;
> > > > > BORDER-TOP: #e0e0e0
> > > > > 2px outset; PADDING-LEFT: 2px; Z-INDEX: 905; PADDING-BOTTOM:
> > > > > 4px;
> > > > > BORDER-LEFT: #e0e0e0 2px outset; PADDING-TOP: 4px;
> > > > > BORDER-BOTTOM: #e0e0e0 2px
> > > > > outset; BACKGROUND-COLOR: #e0e0e0; TEXT-ALIGN: left
> > > > > }
> > > > > DIV.menuBar A.menuButton {
> > > > > BORDER-RIGHT: #e0e0e0 1px solid; PADDING-RIGHT: 6px;
> > > > > BORDER-TOP: #e0e0e0
> > > > > 1px solid; PADDING-LEFT: 6px; Z-INDEX: 902; LEFT: 0px;
> > > > > PADDING-BOTTOM: 2px;
> > > > > MARGIN: 1px; BORDER-LEFT: #e0e0e0 1px solid; CURSOR: default;
> > > > > COLOR: #000000;
> > > > > PADDING-TOP: 2px; BORDER-BOTTOM: #e0e0e0 1px solid; POSITION:
> > > > > relative; TOP:
> > > > > 0px; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none
> > > > > }
> > > > > DIV.menuBar A.menuButton:hover {
> > > > > BORDER-RIGHT: #e0e0e0 1px outset; BORDER-TOP: #e0e0e0 1px
> > > > > outset; Z-INDEX:
> > > > > 906; BORDER-LEFT: #e0e0e0 1px outset; COLOR: #000000;
> > > > > BORDER-BOTTOM: #e0e0e0
> > > > > 1px outset; BACKGROUND-COLOR: transparent
> > > > > }
> > > > > DIV.menuBar A.menuButtonActive {
> > > > > BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset;
> > > > > Z-INDEX:
> > > > > 907; LEFT: 1px; BORDER-LEFT: #e0e0e0 1px inset; COLOR: #ffffff;
> > > > > BORDER-BOTTOM: #e0e0e0 1px inset; TOP: 1px; BACKGROUND-COLOR:
> > > > > #5050f0
> > > > > }
> > > > > DIV.menuBar A.menuButtonActive:hover {
> > > > > BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset;
> > > > > Z-INDEX:
> > > > > 907; LEFT: 1px; BORDER-LEFT: #e0e0e0 1px inset; COLOR: #ffffff;
> > > > > BORDER-BOTTOM: #e0e0e0 1px inset; TOP: 1px; BACKGROUND-COLOR:
> > > > > #5050f0
> > > > > }
> > > > > DIV.menu {
> > > > > BORDER-RIGHT: #e0e0e0 2px outset; PADDING-RIGHT: 1px;
> > > > > BORDER-TOP: #e0e0e0
> > > > > 2px outset; PADDING-LEFT: 0px; Z-INDEX: 901; LEFT: 0px;
> > > > > VISIBILITY: hidden;
> > > > > PADDING-BOTTOM: 1px; BORDER-LEFT: #e0e0e0 2px outset;
> > > > > PADDING-TOP: 0px;
> > > > > BORDER-BOTTOM: #e0e0e0 2px outset; POSITION: absolute; TOP:
> > > > > 0px;
> > > > > BACKGROUND-COLOR: #e0e0e0
> > > > > }
> > > > > DIV.menu A.menuItem {
> > > > > PADDING-RIGHT: 1em; DISPLAY: block; PADDING-LEFT: 1em; Z-INDEX:
> > > > > 903;
> > > > > PADDING-BOTTOM: 3px; CURSOR: default; COLOR: #000000;
> > > > > PADDING-TOP: 3px;
> > > > > WHITE-SPACE: nowrap; TEXT-DECORATION: none
> > > > > }
> > > > > DIV.menu A.menuItem:hover {
> > > > > COLOR: #ffffff; BACKGROUND-COLOR: #5050f0
> > > > > }
> > > > > DIV.menu A.menuItemHighlight {
> > > > > COLOR: #ffffff; BACKGROUND-COLOR: #5050f0
> > > > > }
> > > > > DIV.menu A.menuItem SPAN.menuItemText {
> > > > >
> > > > > }
> > > > > DIV.menu A.menuItem SPAN.menuItemArrow {
> > > > > MARGIN-RIGHT: -0.75em
> > > > > }
> > > > > DIV.menu DIV.menuItemSep {
> > > > > BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset;
> > > > > MARGIN: 4px
> > > > > 2px; BORDER-LEFT: #e0e0e0 1px inset; BORDER-BOTTOM: #e0e0e0 1px
> > > > > inset
> > > > > }
> > > > > </style>
> > > > > <script type="text/javascript">//<![CDATA[
> > > > >
> > > > > //*****************************************************************************
> > > > > // Do not remove this notice.
> > > > > //
> > > > > // Copyright 2000-2004 by Mike Hall.
> > > > > // See http://www.brainjar.com for terms of use.
> > > > > //*****************************************************************************
> > > > >
> > > > > //----------------------------------------------------------------------------
> > > > > // Code to determine the browser and version.
> > > > > //----------------------------------------------------------------------------
> > > > >
> > > > > function Browser() {
> > > > >
> > > > > var ua, s, i;
> > > > >
> > > > > this.isIE = false; // Internet Explorer
> > > > > this.isOP = false; // Opera
> > > > > this.isNS = false; // Netscape
> > > > > this.version = null;
> > > > >
> > > > > ua = navigator.userAgent;
> > > > >
> > > > > s = "Opera";
> > > > > if ((i = ua.indexOf(s)) >= 0) {
> > > > > this.isOP = true;
> > > > > this.version = parseFloat(ua.substr(i + s.length));
> > > > > return;
> > > > > }
> > > > >
> > > > > s = "Netscape6/";
> > > > > if ((i = ua.indexOf(s)) >= 0) {
> > > > > this.isNS = true;
> > > > > this.version = parseFloat(ua.substr(i + s.length));
> > > > > return;
> > > > > }
> > > > >
> > > > > // Treat any other "Gecko" browser as Netscape 6.1.
> > > > >
> > > > > s = "Gecko";
> > > > > if ((i = ua.indexOf(s)) >= 0) {
> > > > > this.isNS = true;
> > > > > this.version = 6.1;
> > > > > return;
> > > > > }
> > > > >
> > > > > s = "MSIE";
> > > > > if ((i = ua.indexOf(s))) {
> > > > > this.isIE = true;
> > > > > this.version = parseFloat(ua.substr(i + s.length));
> > > > > return;
> > > > > }
> > > > > }
> > > > >
> > > > > var browser = new Browser();
> > > > >
> > > > > //----------------------------------------------------------------------------
> > > > > // Code for handling the menu bar and active button.
> > > > > //----------------------------------------------------------------------------




Avatar
seb14
Merci Norm je vais essayé ce menu.
C'est vrai que pourtant quelque chose de bateau d'avoir un menu.
Je ne pensais pas galerer autant.
Dans mon ancienne boite j'utilisais des menus infragistic (Payant) Ils ont
des supers object pour asp.net.
Dans ma nouvelle boite je n'ai plus ces outils alors je galere pour
retrouver les fonctionnalité que j'avais avant.
On s'habitue vite au luxe.

Merci encore je te tiens au courant si j'adote ton menu.


"Norm" a écrit :

Plusieurs menu ont ce problème il ne passe par-dessus les combobox et
d'autres objet, un pdf par exemple.

Il existe des menus certains payant d'autre non qui permettent de passé par
dessus les combobox.
une recherche dans google t'en fera trouver beaucoup.
un que j'ai déjà utilisé.
http://webfx.eae.net/dhtml/dhtmlmenu4/menu4.html


"seb14" a écrit dans le message de news:

> Meme avec les mofications je ne vois pas l'iframe pourtant je passe bien
> dans
> le bloc ( j'ai test avec une alert)
> pour la signification de
> iframeEl.style.filter > > "progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
> Je ne sais pas j'ai repris le menu par le biais du site Brainjar.com.
> je ne comprend abosument pas.
> si je peux abuser est ce que je pourrais t'envoyer mon code par mail pour
> voir.
>
>
>
> "sdrouins" a écrit :
>
>> essaye de changer ce bout de code la :
>> var iframeEl = document.createElement("IFRAME");
>> > > iframeEl.frameBorder = 0;
>> > > iframeEl.src = "javascript:;";
>> > > iframeEl.style.display = "none";
>> > > iframeEl.style.position = "absolute";
>> > > iframeEl.style.filter > >> > > "progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
>> > > menu.iframeEl = menu.parentNode.insertBefore(iframeEl, menu);
>> pour:
>> var iframeEl = document.createElement("IFRAME");
>> iframeEl.frameBorder = 10;
>> iframeEl.src = "javascript:;";
>> iframeEl.style.visibility = 'visible';
>> iframeEl.style.display = 'block';
>> iframeEl.style.height = 800
>> iframeEl.style.width = 800
>> iframeEl.style.zIndex=0
>> iframeEl.style.position = "absolute";
>> iframeEl.style.filter > >> "progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
>> menu.iframeEl = menu.parentNode.insertBefore(iframeEl, menu);
>> **********************************
>>
>>
>> iframeEl.style.filter > >> "progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
>> ca fait quoi dans la vie ca?
>>
>> la si tu le vois pas tu a une gros probleme ;)
>>
>> "seb14" a écrit :
>>
>> > effectivement je ne vois pas mes iframes
>> > meme en changeant display = "block"
>> > la je comprends pas tout ma petite cervelle a du mal
>> >
>> > "sdrouins" a écrit :
>> >
>> > > est-ce que tu vois ton iframe dans ta page?
>> > > de ce que je vois tu a spas l'air a le mettre visible
>> > > change dont: iframeEl.style.display = "none";
>> > > iframeEl.style.display = "block"
>> > >
>> > > pis set lui une largeur et hauteur
>> > > "seb14" a écrit :
>> > >
>> > > > Merci pour ta reponse !
>> > > > Mais le probleme c'est que mon javascript créé les iframes.
>> > > >
>> > > > function menuInit(menu) {
>> > > >
>> > > > var itemList, spanList;
>> > > > var textEl, arrowEl;
>> > > > var itemWidth;
>> > > > var w, dw;
>> > > > var i, j;
>> > > >
>> > > > // For IE, replace arrow characters.
>> > > >
>> > > > if (browser.isIE) {
>> > > > menu.style.lineHeight = "2.5ex";
>> > > > spanList = menu.getElementsByTagName("SPAN");
>> > > > for (i = 0; i < spanList.length; i++)
>> > > > if (hasClassName(spanList[i], "menuItemArrow")) {
>> > > > spanList[i].style.fontFamily = "Webdings";
>> > > > spanList[i].firstChild.nodeValue = "4";
>> > > > }
>> > > > }
>> > > >
>> > > > // Find the width of a menu item.
>> > > >
>> > > > itemList = menu.getElementsByTagName("A");
>> > > > if (itemList.length > 0)
>> > > > itemWidth = itemList[0].offsetWidth;
>> > > > else
>> > > > return;
>> > > >
>> > > > // For items with arrows, add padding to item text to make the
>> > > > // arrows flush right.
>> > > >
>> > > > for (i = 0; i < itemList.length; i++) {
>> > > > spanList = itemList[i].getElementsByTagName("SPAN");
>> > > > textEl = null;
>> > > > arrowEl = null;
>> > > > for (j = 0; j < spanList.length; j++) {
>> > > > if (hasClassName(spanList[j], "menuItemText"))
>> > > > textEl = spanList[j];
>> > > > if (hasClassName(spanList[j], "menuItemArrow"))
>> > > > arrowEl = spanList[j];
>> > > > }
>> > > > if (textEl != null && arrowEl != null) {
>> > > > textEl.style.paddingRight = (itemWidth
>> > > > - (textEl.offsetWidth + arrowEl.offsetWidth)) + "px";
>> > > > // For Opera, remove the negative right margin to fix a
>> > > > display bug.
>> > > > if (browser.isOP)
>> > > > arrowEl.style.marginRight = "0px";
>> > > > }
>> > > > }
>> > > >
>> > > > // Fix IE hover problem by setting an explicit width on first
>> > > > item of
>> > > > // the menu.
>> > > >
>> > > > if (browser.isIE) {
>> > > > w = itemList[0].offsetWidth;
>> > > > itemList[0].style.width = w + "px";
>> > > > dw = itemList[0].offsetWidth - w;
>> > > > w -= dw;
>> > > > itemList[0].style.width = w + "px";
>> > > > }
>> > > >
>> > > > // Fix the IE display problem (SELECT elements and other windowed
>> > > > controls
>> > > > // overlaying the menu) by adding an IFRAME under the menu.
>> > > >
>> > > > if (browser.isIE) {
>> > > > var iframeEl = document.createElement("IFRAME");
>> > > > iframeEl.frameBorder = 0;
>> > > > iframeEl.src = "javascript:;";
>> > > > iframeEl.style.display = "none";
>> > > > iframeEl.style.position = "absolute";
>> > > > iframeEl.style.filter > >> > > > "progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
>> > > > menu.iframeEl = menu.parentNode.insertBefore(iframeEl, menu);
>> > > > }
>> > > >
>> > > > // Mark menu as initialized.
>> > > >
>> > > > menu.isInitialized = true;
>> > > > }
>> > > >
>> > > >
>> > > > "sdrouins" a écrit :
>> > > >
>> > > > > Salut, moi aussi j'ai eu ce beau probleme, et une solution asser
>> > > > > simple est
>> > > > > de te créer un Iframe qui a la meme largeur x hauteur que ton div
>> > > > > et de la
>> > > > > mettre sous ton div.... ca reglera ce bug
>> > > > >
>> > > > >
>> > > > > "seb14" a écrit :
>> > > > >
>> > > > > > Bonjour,
>> > > > > >
>> > > > > > J'ai une page avec un menu a base de DIV et sous mon menu j'ai
>> > > > > > mis dans une
>> > > > > > gridlayout une Dropdownlist.
>> > > > > >
>> > > > > > mon probleme c'est que mon menu passe systematiquement sous la
>> > > > > > DropdownList.
>> > > > > >
>> > > > > > Si quelqu'un a une idée ca serait sympa parceque la je vois
>> > > > > > pas.
>> > > > > >
>> > > > > > Voici le code :
>> > > > > > <%@ Register TagPrefix="uc1" TagName="MainNavigation"
>> > > > > > Src="Controls/MainNavigation.ascx" %>
>> > > > > > <%@ Page language="c#" Codebehind="page2.aspx.cs"
>> > > > > > AutoEventWireup="false"
>> > > > > > Inherits="SitePresentation.page2" smartNavigation="True"%>
>> > > > > > <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
>> > > > > > <HTML>
>> > > > > > <HEAD>
>> > > > > > <title>page2</title>
>> > > > > > <meta content="Microsoft Visual Studio .NET 7.1"
>> > > > > > name="GENERATOR">
>> > > > > > <meta content="C#" name="CODE_LANGUAGE">
>> > > > > > <meta content="JavaScript" name="vs_defaultClientScript">
>> > > > > > <meta content="http://schemas.microsoft.com/intellisense/ie5"
>> > > > > > name="vs_targetSchema">
>> > > > > > </HEAD>
>> > > > > > <body>
>> > > > > > <form id="Form1" method="post" runat="server">
>> > > > > > <DIV>
>> > > > > > <style type="text/css">DIV.menuBar {
>> > > > > > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR:
>> > > > > > #000000;
>> > > > > > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial,
>> > > > > > sans-serif
>> > > > > > }
>> > > > > > DIV.menuBar A.menuButton {
>> > > > > > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR:
>> > > > > > #000000;
>> > > > > > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial,
>> > > > > > sans-serif
>> > > > > > }
>> > > > > > DIV.menu {
>> > > > > > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR:
>> > > > > > #000000;
>> > > > > > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial,
>> > > > > > sans-serif
>> > > > > > }
>> > > > > > DIV.menu A.menuItem {
>> > > > > > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR:
>> > > > > > #000000;
>> > > > > > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial,
>> > > > > > sans-serif
>> > > > > > }
>> > > > > > DIV.menuBar {
>> > > > > > BORDER-RIGHT: #e0e0e0 2px outset; PADDING-RIGHT: 2px;
>> > > > > > BORDER-TOP: #e0e0e0
>> > > > > > 2px outset; PADDING-LEFT: 2px; Z-INDEX: 905; PADDING-BOTTOM:
>> > > > > > 4px;
>> > > > > > BORDER-LEFT: #e0e0e0 2px outset; PADDING-TOP: 4px;
>> > > > > > BORDER-BOTTOM: #e0e0e0 2px
>> > > > > > outset; BACKGROUND-COLOR: #e0e0e0; TEXT-ALIGN: left
>> > > > > > }
>> > > > > > DIV.menuBar A.menuButton {
>> > > > > > BORDER-RIGHT: #e0e0e0 1px solid; PADDING-RIGHT: 6px;
>> > > > > > BORDER-TOP: #e0e0e0
>> > > > > > 1px solid; PADDING-LEFT: 6px; Z-INDEX: 902; LEFT: 0px;
>> > > > > > PADDING-BOTTOM: 2px;
>> > > > > > MARGIN: 1px; BORDER-LEFT: #e0e0e0 1px solid; CURSOR: default;
>> > > > > > COLOR: #000000;
>> > > > > > PADDING-TOP: 2px; BORDER-BOTTOM: #e0e0e0 1px solid; POSITION:
>> > > > > > relative; TOP:
>> > > > > > 0px; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none
>> > > > > > }
>> > > > > > DIV.menuBar A.menuButton:hover {
>> > > > > > BORDER-RIGHT: #e0e0e0 1px outset; BORDER-TOP: #e0e0e0 1px
>> > > > > > outset; Z-INDEX:
>> > > > > > 906; BORDER-LEFT: #e0e0e0 1px outset; COLOR: #000000;
>> > > > > > BORDER-BOTTOM: #e0e0e0
>> > > > > > 1px outset; BACKGROUND-COLOR: transparent
>> > > > > > }
>> > > > > > DIV.menuBar A.menuButtonActive {
>> > > > > > BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset;
>> > > > > > Z-INDEX:
>> > > > > > 907; LEFT: 1px; BORDER-LEFT: #e0e0e0 1px inset; COLOR: #ffffff;
>> > > > > > BORDER-BOTTOM: #e0e0e0 1px inset; TOP: 1px; BACKGROUND-COLOR:
>> > > > > > #5050f0
>> > > > > > }
>> > > > > > DIV.menuBar A.menuButtonActive:hover {
>> > > > > > BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset;
>> > > > > > Z-INDEX:
>> > > > > > 907; LEFT: 1px; BORDER-LEFT: #e0e0e0 1px inset; COLOR: #ffffff;
>> > > > > > BORDER-BOTTOM: #e0e0e0 1px inset; TOP: 1px; BACKGROUND-COLOR:
>> > > > > > #5050f0
>> > > > > > }
>> > > > > > DIV.menu {
>> > > > > > BORDER-RIGHT: #e0e0e0 2px outset; PADDING-RIGHT: 1px;
>> > > > > > BORDER-TOP: #e0e0e0
>> > > > > > 2px outset; PADDING-LEFT: 0px; Z-INDEX: 901; LEFT: 0px;
>> > > > > > VISIBILITY: hidden;
>> > > > > > PADDING-BOTTOM: 1px; BORDER-LEFT: #e0e0e0 2px outset;
>> > > > > > PADDING-TOP: 0px;
>> > > > > > BORDER-BOTTOM: #e0e0e0 2px outset; POSITION: absolute; TOP:
>> > > > > > 0px;
>> > > > > > BACKGROUND-COLOR: #e0e0e0
>> > > > > > }
>> > > > > > DIV.menu A.menuItem {
>> > > > > > PADDING-RIGHT: 1em; DISPLAY: block; PADDING-LEFT: 1em; Z-INDEX:
>> > > > > > 903;
>> > > > > > PADDING-BOTTOM: 3px; CURSOR: default; COLOR: #000000;
>> > > > > > PADDING-TOP: 3px;
>> > > > > > WHITE-SPACE: nowrap; TEXT-DECORATION: none
>> > > > > > }
>> > > > > > DIV.menu A.menuItem:hover {
>> > > > > > COLOR: #ffffff; BACKGROUND-COLOR: #5050f0
>> > > > > > }
>> > > > > > DIV.menu A.menuItemHighlight {
>> > > > > > COLOR: #ffffff; BACKGROUND-COLOR: #5050f0
>> > > > > > }
>> > > > > > DIV.menu A.menuItem SPAN.menuItemText {
>> > > > > >
>> > > > > > }
>> > > > > > DIV.menu A.menuItem SPAN.menuItemArrow {
>> > > > > > MARGIN-RIGHT: -0.75em
>> > > > > > }
>> > > > > > DIV.menu DIV.menuItemSep {


Avatar
seb14
Que dire de plus que genialisime !
Merci Norm tu m'enleves une grosse epine du pied.
Il me reste plus qu'a enrober tout ca pour en faire un assembly tres utile.
Par hasard tu ne l'aurais pas deja fait :-)

Merci encore

"Norm" a écrit :

Plusieurs menu ont ce problème il ne passe par-dessus les combobox et
d'autres objet, un pdf par exemple.

Il existe des menus certains payant d'autre non qui permettent de passé par
dessus les combobox.
une recherche dans google t'en fera trouver beaucoup.
un que j'ai déjà utilisé.
http://webfx.eae.net/dhtml/dhtmlmenu4/menu4.html


"seb14" a écrit dans le message de news:

> Meme avec les mofications je ne vois pas l'iframe pourtant je passe bien
> dans
> le bloc ( j'ai test avec une alert)
> pour la signification de
> iframeEl.style.filter > > "progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
> Je ne sais pas j'ai repris le menu par le biais du site Brainjar.com.
> je ne comprend abosument pas.
> si je peux abuser est ce que je pourrais t'envoyer mon code par mail pour
> voir.
>
>
>
> "sdrouins" a écrit :
>
>> essaye de changer ce bout de code la :
>> var iframeEl = document.createElement("IFRAME");
>> > > iframeEl.frameBorder = 0;
>> > > iframeEl.src = "javascript:;";
>> > > iframeEl.style.display = "none";
>> > > iframeEl.style.position = "absolute";
>> > > iframeEl.style.filter > >> > > "progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
>> > > menu.iframeEl = menu.parentNode.insertBefore(iframeEl, menu);
>> pour:
>> var iframeEl = document.createElement("IFRAME");
>> iframeEl.frameBorder = 10;
>> iframeEl.src = "javascript:;";
>> iframeEl.style.visibility = 'visible';
>> iframeEl.style.display = 'block';
>> iframeEl.style.height = 800
>> iframeEl.style.width = 800
>> iframeEl.style.zIndex=0
>> iframeEl.style.position = "absolute";
>> iframeEl.style.filter > >> "progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
>> menu.iframeEl = menu.parentNode.insertBefore(iframeEl, menu);
>> **********************************
>>
>>
>> iframeEl.style.filter > >> "progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
>> ca fait quoi dans la vie ca?
>>
>> la si tu le vois pas tu a une gros probleme ;)
>>
>> "seb14" a écrit :
>>
>> > effectivement je ne vois pas mes iframes
>> > meme en changeant display = "block"
>> > la je comprends pas tout ma petite cervelle a du mal
>> >
>> > "sdrouins" a écrit :
>> >
>> > > est-ce que tu vois ton iframe dans ta page?
>> > > de ce que je vois tu a spas l'air a le mettre visible
>> > > change dont: iframeEl.style.display = "none";
>> > > iframeEl.style.display = "block"
>> > >
>> > > pis set lui une largeur et hauteur
>> > > "seb14" a écrit :
>> > >
>> > > > Merci pour ta reponse !
>> > > > Mais le probleme c'est que mon javascript créé les iframes.
>> > > >
>> > > > function menuInit(menu) {
>> > > >
>> > > > var itemList, spanList;
>> > > > var textEl, arrowEl;
>> > > > var itemWidth;
>> > > > var w, dw;
>> > > > var i, j;
>> > > >
>> > > > // For IE, replace arrow characters.
>> > > >
>> > > > if (browser.isIE) {
>> > > > menu.style.lineHeight = "2.5ex";
>> > > > spanList = menu.getElementsByTagName("SPAN");
>> > > > for (i = 0; i < spanList.length; i++)
>> > > > if (hasClassName(spanList[i], "menuItemArrow")) {
>> > > > spanList[i].style.fontFamily = "Webdings";
>> > > > spanList[i].firstChild.nodeValue = "4";
>> > > > }
>> > > > }
>> > > >
>> > > > // Find the width of a menu item.
>> > > >
>> > > > itemList = menu.getElementsByTagName("A");
>> > > > if (itemList.length > 0)
>> > > > itemWidth = itemList[0].offsetWidth;
>> > > > else
>> > > > return;
>> > > >
>> > > > // For items with arrows, add padding to item text to make the
>> > > > // arrows flush right.
>> > > >
>> > > > for (i = 0; i < itemList.length; i++) {
>> > > > spanList = itemList[i].getElementsByTagName("SPAN");
>> > > > textEl = null;
>> > > > arrowEl = null;
>> > > > for (j = 0; j < spanList.length; j++) {
>> > > > if (hasClassName(spanList[j], "menuItemText"))
>> > > > textEl = spanList[j];
>> > > > if (hasClassName(spanList[j], "menuItemArrow"))
>> > > > arrowEl = spanList[j];
>> > > > }
>> > > > if (textEl != null && arrowEl != null) {
>> > > > textEl.style.paddingRight = (itemWidth
>> > > > - (textEl.offsetWidth + arrowEl.offsetWidth)) + "px";
>> > > > // For Opera, remove the negative right margin to fix a
>> > > > display bug.
>> > > > if (browser.isOP)
>> > > > arrowEl.style.marginRight = "0px";
>> > > > }
>> > > > }
>> > > >
>> > > > // Fix IE hover problem by setting an explicit width on first
>> > > > item of
>> > > > // the menu.
>> > > >
>> > > > if (browser.isIE) {
>> > > > w = itemList[0].offsetWidth;
>> > > > itemList[0].style.width = w + "px";
>> > > > dw = itemList[0].offsetWidth - w;
>> > > > w -= dw;
>> > > > itemList[0].style.width = w + "px";
>> > > > }
>> > > >
>> > > > // Fix the IE display problem (SELECT elements and other windowed
>> > > > controls
>> > > > // overlaying the menu) by adding an IFRAME under the menu.
>> > > >
>> > > > if (browser.isIE) {
>> > > > var iframeEl = document.createElement("IFRAME");
>> > > > iframeEl.frameBorder = 0;
>> > > > iframeEl.src = "javascript:;";
>> > > > iframeEl.style.display = "none";
>> > > > iframeEl.style.position = "absolute";
>> > > > iframeEl.style.filter > >> > > > "progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)";
>> > > > menu.iframeEl = menu.parentNode.insertBefore(iframeEl, menu);
>> > > > }
>> > > >
>> > > > // Mark menu as initialized.
>> > > >
>> > > > menu.isInitialized = true;
>> > > > }
>> > > >
>> > > >
>> > > > "sdrouins" a écrit :
>> > > >
>> > > > > Salut, moi aussi j'ai eu ce beau probleme, et une solution asser
>> > > > > simple est
>> > > > > de te créer un Iframe qui a la meme largeur x hauteur que ton div
>> > > > > et de la
>> > > > > mettre sous ton div.... ca reglera ce bug
>> > > > >
>> > > > >
>> > > > > "seb14" a écrit :
>> > > > >
>> > > > > > Bonjour,
>> > > > > >
>> > > > > > J'ai une page avec un menu a base de DIV et sous mon menu j'ai
>> > > > > > mis dans une
>> > > > > > gridlayout une Dropdownlist.
>> > > > > >
>> > > > > > mon probleme c'est que mon menu passe systematiquement sous la
>> > > > > > DropdownList.
>> > > > > >
>> > > > > > Si quelqu'un a une idée ca serait sympa parceque la je vois
>> > > > > > pas.
>> > > > > >
>> > > > > > Voici le code :
>> > > > > > <%@ Register TagPrefix="uc1" TagName="MainNavigation"
>> > > > > > Src="Controls/MainNavigation.ascx" %>
>> > > > > > <%@ Page language="c#" Codebehind="page2.aspx.cs"
>> > > > > > AutoEventWireup="false"
>> > > > > > Inherits="SitePresentation.page2" smartNavigation="True"%>
>> > > > > > <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
>> > > > > > <HTML>
>> > > > > > <HEAD>
>> > > > > > <title>page2</title>
>> > > > > > <meta content="Microsoft Visual Studio .NET 7.1"
>> > > > > > name="GENERATOR">
>> > > > > > <meta content="C#" name="CODE_LANGUAGE">
>> > > > > > <meta content="JavaScript" name="vs_defaultClientScript">
>> > > > > > <meta content="http://schemas.microsoft.com/intellisense/ie5"
>> > > > > > name="vs_targetSchema">
>> > > > > > </HEAD>
>> > > > > > <body>
>> > > > > > <form id="Form1" method="post" runat="server">
>> > > > > > <DIV>
>> > > > > > <style type="text/css">DIV.menuBar {
>> > > > > > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR:
>> > > > > > #000000;
>> > > > > > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial,
>> > > > > > sans-serif
>> > > > > > }
>> > > > > > DIV.menuBar A.menuButton {
>> > > > > > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR:
>> > > > > > #000000;
>> > > > > > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial,
>> > > > > > sans-serif
>> > > > > > }
>> > > > > > DIV.menu {
>> > > > > > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR:
>> > > > > > #000000;
>> > > > > > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial,
>> > > > > > sans-serif
>> > > > > > }
>> > > > > > DIV.menu A.menuItem {
>> > > > > > FONT-WEIGHT: normal; FONT-SIZE: 8pt; Z-INDEX: 904; COLOR:
>> > > > > > #000000;
>> > > > > > FONT-STYLE: normal; FONT-FAMILY: "MS Sans Serif", Arial,
>> > > > > > sans-serif
>> > > > > > }
>> > > > > > DIV.menuBar {
>> > > > > > BORDER-RIGHT: #e0e0e0 2px outset; PADDING-RIGHT: 2px;
>> > > > > > BORDER-TOP: #e0e0e0
>> > > > > > 2px outset; PADDING-LEFT: 2px; Z-INDEX: 905; PADDING-BOTTOM:
>> > > > > > 4px;
>> > > > > > BORDER-LEFT: #e0e0e0 2px outset; PADDING-TOP: 4px;
>> > > > > > BORDER-BOTTOM: #e0e0e0 2px
>> > > > > > outset; BACKGROUND-COLOR: #e0e0e0; TEXT-ALIGN: left
>> > > > > > }
>> > > > > > DIV.menuBar A.menuButton {
>> > > > > > BORDER-RIGHT: #e0e0e0 1px solid; PADDING-RIGHT: 6px;
>> > > > > > BORDER-TOP: #e0e0e0
>> > > > > > 1px solid; PADDING-LEFT: 6px; Z-INDEX: 902; LEFT: 0px;
>> > > > > > PADDING-BOTTOM: 2px;
>> > > > > > MARGIN: 1px; BORDER-LEFT: #e0e0e0 1px solid; CURSOR: default;
>> > > > > > COLOR: #000000;
>> > > > > > PADDING-TOP: 2px; BORDER-BOTTOM: #e0e0e0 1px solid; POSITION:
>> > > > > > relative; TOP:
>> > > > > > 0px; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none
>> > > > > > }
>> > > > > > DIV.menuBar A.menuButton:hover {
>> > > > > > BORDER-RIGHT: #e0e0e0 1px outset; BORDER-TOP: #e0e0e0 1px
>> > > > > > outset; Z-INDEX:
>> > > > > > 906; BORDER-LEFT: #e0e0e0 1px outset; COLOR: #000000;
>> > > > > > BORDER-BOTTOM: #e0e0e0
>> > > > > > 1px outset; BACKGROUND-COLOR: transparent
>> > > > > > }
>> > > > > > DIV.menuBar A.menuButtonActive {
>> > > > > > BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset;
>> > > > > > Z-INDEX:
>> > > > > > 907; LEFT: 1px; BORDER-LEFT: #e0e0e0 1px inset; COLOR: #ffffff;
>> > > > > > BORDER-BOTTOM: #e0e0e0 1px inset; TOP: 1px; BACKGROUND-COLOR:
>> > > > > > #5050f0
>> > > > > > }
>> > > > > > DIV.menuBar A.menuButtonActive:hover {
>> > > > > > BORDER-RIGHT: #e0e0e0 1px inset; BORDER-TOP: #e0e0e0 1px inset;
>> > > > > > Z-INDEX:
>> > > > > > 907; LEFT: 1px; BORDER-LEFT: #e0e0e0 1px inset; COLOR: #ffffff;
>> > > > > > BORDER-BOTTOM: #e0e0e0 1px inset; TOP: 1px; BACKGROUND-COLOR:
>> > > > > > #5050f0
>> > > > > > }
>> > > > > > DIV.menu {
>> > > > > > BORDER-RIGHT: #e0e0e0 2px outset; PADDING-RIGHT: 1px;
>> > > > > > BORDER-TOP: #e0e0e0
>> > > > > > 2px outset; PADDING-LEFT: 0px; Z-INDEX: 901; LEFT: 0px;
>> > > > > > VISIBILITY: hidden;
>> > > > > > PADDING-BOTTOM: 1px; BORDER-LEFT: #e0e0e0 2px outset;
>> > > > > > PADDING-TOP: 0px;
>> > > > > > BORDER-BOTTOM: #e0e0e0 2px outset; POSITION: absolute; TOP:
>> > > > > > 0px;
>> > > > > > BACKGROUND-COLOR: #e0e0e0
>> > > > > > }
>> > > > > > DIV.menu A.menuItem {
>> > > > > > PADDING-RIGHT: 1em; DISPLAY: block; PADDING-LEFT: 1em; Z-INDEX:
>> > > > > > 903;
>> > > > > > PADDING-BOTTOM: 3px; CURSOR: default; COLOR: #000000;
>> > > > > > PADDING-TOP: 3px;
>> > > > > > WHITE-SPACE: nowrap; TEXT-DECORATION: none
>> > > > > > }
>> > > > > > DIV.menu A.menuItem:hover {
>> > > > > > COLOR: #ffffff; BACKGROUND-COLOR: #5050f0
>> > > > > > }
>> > > > > > DIV.menu A.menuItemHighlight {
>> > > > > > COLOR: #ffffff; BACKGROUND-COLOR: #5050f0
>> > > > > > }
>> > > > > > DIV.menu A.menuItem SPAN.menuItemText {
>> > > > > >
>> > > > > > }
>> > > > > > DIV.menu A.menuItem SPAN.menuItemArrow {
>> > > > > > MARGIN-RIGHT: -0.75em
>> > > > > > }
>> > > > > > DIV.menu DIV.menuItemSep {


Avatar
Norm
> Il me reste plus qu'a enrober tout ca pour en faire un assembly tres
utile.
Par hasard tu ne l'aurais pas deja fait :-)


Oui, mais au cours d'un emploi et je ne peux pas partager le code puisqu'il
ne m'appartient pas.
Désolé pour ma conscience professionel. ;-)
1 2