Ca ne marche pas u_u'
Je vais vous montrer mon code, en espérant que peut être, vous verrez l'erreur que je fais
Pour info, je programme en jsp:
Mon fichier est donc composé d'un menu qui se trouve dans un fichier à part :
menu.jsp (je n'ai pris que les info les + pertinentes pour vous les montrer)
<?xml version="1.0" encoding="UTF-8" ?>
<%@taglib prefix="s" uri="/struts-tags" %>
<%@ page language="java" contentType="text/html; charset=UTF-8 " pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="../resources/css/flexpaper.css" />
<script type="text/javascript" src="../resources/js/flex/jquery-1.5.1.min.js"></script>
<script type="text/javascript" src="../resources/js/flex/flexpaper.js"></script>
<script type="text/javascript" src="../resources/js/flex/flexpaper_handlers.js"></script>
</head>
<body>
<div class="centrer">
<div class="FondEcran">
<div id="conteneur">
<br />
<div id="header2"></div>
<div> </div>
<div> </div>
<div class="menu_global">
<div class="menu">
<ul id="menuDeroulant">
<li>
<a href="#">L'Association </br> </a>
<ul class="sousMenu">
<%if (!servletPath.startsWith("/backoffice")){%>
<li>
<s:a href="%{socle}">Socle de valeurs partagées</s:a>
</li>
<li>
<s:a href="%{ambition}">Des ambitions au service d'un public en difficulté</s:a>
</li>
<li>
<s:a href="%{partenaireAsso}">Partenaire de l'association</s:a>
</li>
<%}else{ %>
<li>
<s:a href="#">Socle de valeurs partagées</s:a>
</li>
<li>
<s:a href="#">Des ambitions au service d'un public en difficulté</s:a>
</li>
<li>
<s:a href="#">Partenaire de l'association</s:a>
</li>
<%} %>
</ul>
</li>
</div><%//Fin div menu %>
</div><%//Fin div menuCentrer %>
style.css (tout comme le précédent fichier, je ne vous le met pas en intégrale, que ceux qui me semble être pertinent)
body
{
width: 90%;/* la page sera extensible */
margin: auto;
margin-top: 20px;
margin-bottom: 20px;
color:#000d16;
background-color: #f8f8de;
}
#centrer
{
text-align: center;
}
#divMenuRuban
{
position:absolute;
z-index: 10;
top :420px;
left : 1200px;
}
a
{
color :Gray;
text-decoration :none;
}
#header
{
background-image:url("../resources/image/BanniereHautLogo.jpg");
width: 900px;
height: 251px;
margin-left: auto;
margin-right: auto;
}
.menu {
font-family: Verdana, Geneva, sans-serif;
font-size: 16px;
font-weight: bold;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
width:90%;
position: relative;
z-index: 10;
margin-left:245px;
float: none;
background-color: #090;
text-align: center;
color: #23231f;
}
.menu_global {
width:70%;
text-align: center;
}
.menu_global_Projet {
width:20%;
text-align: center;
z-index: 5;
position: relative;
top: 120px;
margin-left:30%;
}
#conteneur
{
width: 100%;
margin: auto;
}
#support
{
position:relative;
top :100px;
margin-left:90%;
z-index: 4;
width:10%;
height:300px;
overflow:hidden;
border:0px solid #000;
}
#effetFlipGazette
{
position:absolute;
top : 500px;
margin-left: 10%;
width:80%;
height:700px;
overflow:hidden;
border:0px solid #000;
}
.FondEcran {
background-image:url("../resources/image/FondEcran.jpg");
background-repeat: no-repeat;
}
#menuDeroulant
{
width: 900px;
list-style-type: none;
margin: 0;
padding: 0;
border: 0;
position: absolute;
top: 2px;
right: -45px;
text-align: center;
}
#menuDeroulant li
{
float: left;
margin: 0;
width: 150px;
padding: 0;
border: 0;
}
#menuDeroulantProjet li
{
float: left;
margin: 0;
width: 200px;
padding: 0;
border: 0;
}
#menuDeroulant .sousMenu
{
display: none;
list-style-type: none;
margin: 0;
padding: 0;
border: 0;
}
#menuDeroulant li:hover > .sousMenu { display: block; }
#menuDeroulant .sousMenu li
{
float: none;
margin: 0;
padding: 0;
border: 0;
border-top: 1px solid transparent;
border-right: 1px solid transparent;
}
#menuDeroulant li a:link, #menuDeroulant li a:visited
{
display: block;
height: 1%;
color: #333;
background: #3B4E77;
margin: 0;
padding: 4px 8px;
border-right: 1px solid #fff;
text-decoration: none;
background-color: #0F3;
}
#menuDeroulant li a:hover {
background-color: #09F;
}
#menuDeroulant li a:active {
background-color: #030;
}
#menuDeroulant .sousMenu li a:link,
#menuDeroulant .sousMenu li a:visited
{
display: block;
margin: 0;
border: 0;
text-decoration: none;
}
#menuDeroulant .sousMenu li a:hover
{
background-image: none;
background-color: #0F0;
}
.spacer{
clear : both;
}
En enfin, le fichier dans lequel se trouve mon applet
<%@ page language="java" contentType="text/html; charset=UTF-8 " pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<%@ page import = "java.util.List" %>
<%@ page import = "java.util.Iterator" %>
<%@ page import = "fr.accueil.maison.singleton.Entite"%>
<%@ include file="../../include/menu.jsp"%>
<div id="corps">
<div class="titre_corps"> <br /> <br />
<s:property value="title"/>
</div>
<div style="width:100%" align="center">
<s:property value="desc" escape="false"/>
</div>
<div id="effetFlipGazette">
<!-- codebase="lvbook" c'est le nom du dossier dans laquel se trouve la classe utilisée -->
<applet name="lvbook" codebase="lvbook" code="lvbook" height="600" width="800">
<s:property value="entityId"/>
<param name="Background1" value="FFFFFF">
<param name="Background2" value="FFFFFF">
<param name="credits" value="applet by www.lvplanet.com">
<param name="Font" value="Dialog,0,10">
<param name="Foreground" value="ffffcc">
<param name="Image1" value="#">
<s:iterator value="listImages">
<s:property value="nomImage"/>
<s:property value="position"/>
<param name="Image${position}" value="resources/image/imagesUtilisateurs/${entityId}/${nomImage}">
</s:iterator>
<param name="OpenImages" value="Yes">
<param name="PageBorders" value="Yes">
<param name="Target" value="_blank">
<param name="EffectDuration" value="100">
</applet>
</div>
</div><!-- fin div corps -->
</body>
<%@ include file="../../include/footer.jsp"%>
Merci beaucoup de votre aide, sachant que cela fonctionne sous FF, mais pas sous IE :
mon menu déroulant est caché par mon applet
