Auteur: gaelp
(etu.univ-rennes1.fr)
Date: 07-01-2010 11:22
 [ 1 msg ]
|
Bjr,
J'ai insérer ce menu défilant html sur mon site :
Sur peu mais certains Pc, le menu est décallé à droite, sortant ainsi de l'écran.
Pourquoi ?
Le code :
<body link="#FF0000" vlink="#FF0000" alink="#FF0000">
<p align="center"><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><a href="http://boutique.poli.fr/" id="lien1">Accéder
à toute la boutique en ligne Poli©</a> - <a href="http://www.vaincrelamuco.org/ewb_pages/f/faire-un-don.php" id="lien1">Faites
des dons au profit de la lutte contre la mucoviscidose</a></font></p>
<table width="900" border="0" align="center">
<tr>
<th colspan="3" scope="col"><img src="imageho.jpg" width="900" height="216" border="0" usemap="#Map" /></th>
</tr>
<tr>
<th width="237" align="center" valign="middle" scope="col"><font size="2" face="Verdana, Arial, Helvetica, sans-serif"><br />
<a href="index.html">Accueil</a> - <font color="#FF0000" onclick="MM_openBrWindow('contact.php','Contact','width=500,height=500')"><a href="index.html">Contacts</a></font></font></th>
<th width="15" align="center" valign="middle" scope="col"> </th>
<th width="638" align="center" valign="middle" scope="col"><div id="menu">
<dl>
<dt onmouseover="javascript:montre('smenu1');" onmouseout="javascript:montre();">
<div align="center"><font size="1" face="Verdana, Arial, Helvetica, sans-serif">Résultats</font></div>
</dt>
<dd id="smenu1" onmouseover="javascript:montre('smenu1');" onmouseout="javascript:montre();" style="display: none;">
<div align="center">
<ul>
<li><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><a href="route.htm" title="title">Route</a></font></li>
<li><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><a href="cyclocross.htm" title="title">Cyclo-cross</a></font></li>
<li><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><a href="vtt.htm" title="title">VTT</a></font></li>
<li><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><a href="piste.htm" title="title">Piste</a></font></li>
<li><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><a href="bmx.htm" title="title">BMX</a></font></li>
<li><a href="handisport.htm"><font size="1" face="Verdana, Arial, Helvetica, sans-serif">Handi'sport</font></a></li>
<li><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><a href="v%e9lovirtuel.htm" title="title">Vélo-virtuel</a></font></li>
<li><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><a href="adsc93.htm" title="title">ADSC
93</a></font></li>
</ul>
</div>
</dd>
</dl>
<div align="center">
<dl>
<dt onmouseover="javascript:montre('smenu2');" onmouseout="javascript:montre();"><font size="1" face="Verdana, Arial, Helvetica, sans-serif">Saison
2010</font></dt>
<dd id="smenu2" onmouseover="javascript:montre('smenu2');" onmouseout="javascript:montre();" style="display: none;">
<ul>
<li><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><a href="calendriers.htm" title="title">Calendriers</a></font></li>
<li><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><a href="equipes.htm" title="title">Equipes</a></font></li>
</ul>
</dd>
</dl>
<dl>
<dt onmouseover="javascript:montre('smenu3');" onmouseout="javascript:montre();"><font size="1" face="Verdana, Arial, Helvetica, sans-serif">Sponsoring</font></dt>
<dd id="smenu3" onmouseover="javascript:montre('smenu3');" onmouseout="javascript:montre();" style="display: none;">
<ul>
<li><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><a href="materiel.htm" title="title">Matériel</a></font></li>
<li><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><a href="http://boutique.poli.fr/" title="title" target="_blank">Boutique</a></font></li>
<li><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><a href="partenaires.htm" title="title">Partenaires</a></font></li>
</ul>
</dd>
</dl>
<dl>
<dt onmouseover="javascript:montre('smenu4');" onmouseout="javascript:montre();"><font size="1" face="Verdana, Arial, Helvetica, sans-serif">Multimédia</font></dt>
<dd id="smenu4" onmouseover="javascript:montre('smenu4');" onmouseout="javascript:montre();" style="display: none;">
<ul>
<li><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><a href="photos.htm" title="title">Photos</a></font></li>
<li><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><a href="videos.htm" title="title">Vidéos</a></font></li>
<li><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><a href="revuedepresse.htm" title="title">Médias</a></font></li>
</ul>
</dd>
</dl>
<dl>
<dt onmouseover="javascript:montre('smenu5');" onmouseout="javascript:montre();"><font size="1" face="Verdana, Arial, Helvetica, sans-serif">Services</font></dt>
<dd id="smenu5" onmouseover="javascript:montre('smenu5');" onmouseout="javascript:montre();" style="display: none;">
<ul>
<li><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><a href="maxinfos.htm">Max
d'infos</a></font></li>
<li><a href="PageJeunes.htm"><font size="1" face="Verdana, Arial, Helvetica, sans-serif">Espace
jeunes</font></a></li>
<li><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><a href="petitesannonces.htm" title="title">Annonces</a></font></li>
<li><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><a href="liens.htm" title="title">Liens</a></font></li>
<li><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><a href="barreoutils.htm">Barre
d'outils</a></font></li>
<li><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><a href="livreor.htm" title="title">Livre
d'or</a></font></li>
</ul>
</dd>
</dl>
<dl>
<dt onmouseover="javascript:montre('smenu6');" onmouseout="javascript:montre();"><font size="1" face="Verdana, Arial, Helvetica, sans-serif">Auber
93 ?</font></dt>
<dd id="smenu6" onmouseover="javascript:montre('smenu6');" onmouseout="javascript:montre();" style="display: none;">
<ul>
<li><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><a href="structure.htm" title="title">Notre
structure</a></font></li>
<li><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><a href="quisommesnous.htm" title="title">En
détail</a></font></li>
<li><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><a href="historiqueAuber.htm">Historique</a></font></li>
<li><font size="1" face="Verdana, Arial, Helvetica, sans-serif"><a href="plan.html" title="title">Plan
d'accès</a></font></li>
</ul>
</dd>
</dl>
</div>
</div>
<div align="center"><font size="1" face="Verdana, Arial, Helvetica, sans-serif">
<style>
#menu dd, ul, li {
width: 100%;
}
#menu dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
font-family: verdana;
font-size: 9px;
z-index:30;
}
#menu {
position: absolute;
z-index: 20;
width: 100%; /* précision pour Opera */
filter: alpha(opacity=90);
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
opacity:0.90;
}
#menu dl {
float: left;
width: 100px;
}
#menu dt {
background : #003399;
height: 25px;
cursor: pointer;
text-align: center;
font-weight: bold;
padding-top: 5px;
color: #ffffff; /* couleur texte du bouton */
border: none; /* cadre du bouton */
margin: 1px; /* espacement des boutons */
}
#menu dd {
margin-top: -10px;
display: none;
z-index: 100;
border: 1px solid #003399; /* cadre du menu */
background-color: #003399; /* couleur fond du menu */
width: 93px; /* largeur du menu deroulé */
position: relative; /* positionement relatif du menu */
top: 5px;
left: 1px;
}
#menu li {
text-align: center;
background-color: #003399; /* couleur de fond du menu */
height: 18px;
border: 1px solid #003399;
font-weight: bolder;
}
#menu li a, #menu dt a {
padding-top: 2px;
color: #ffffff; /* couleur du lien de menu */
text-decoration: none;
font-weight: bold;
display: block;
height: 100%;
width: 100%;
border: 0 none;
}
#menu li a:hover, #menu dt a:hover {
background-color: #003399;
}
</style>
<script type="text/javascript">
<!--
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
for (var i = 1; i<=10; i++) {
if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
}
if (d) {d.style.display='block';}
}
//-->
</script>
</font> </div></th>
</tr>
</table>
|
