http://perso.orange.fr/ecbastiais/
Bonjour,
j'aurai aimé savoir comment faire pour que mon menu reste sous le LOGO car là dès qu'on reduis ou agrandis la fenêtre tou se décale.
un coup de main svp, merci
Si personne peut me donner de coup de main, peut etre que quelqu'un peut me donner un menu identique ou presque qu'on pe inserer plus facilement.
Voila les lignes de code de ma page:
<html>
<head>
<title>site1</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Menu déroulant vertical</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<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>
<style type="text/css">
/* CSS issu des tutoriels css.alsacreations.com */
<!--
body {
margin: 0;
padding: 0;
background: white;
font: 80% verdana, arial, sans-serif;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute;
top: 211px;
left: 137px;
}
#menu {
width: 139px;
}
#menu dt {
cursor: pointer;
margin: 2px 0;;
height: 20px;
line-height: 20px;
text-align: center;
font-weight: bold;
border: 1px solid gray;
background: #FFFFFF;
}
#menu dd {
border: 1px solid gray;
}
#menu li {
text-align: center;
background: #fff;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}
#menu li a:hover, #menu dt a:hover {
background: #eee;
}
.mentions {
position: absolute;
top : 300px;
left : 10px;
color: #000;
background-color: #ddd;
}
.Style17 {
color: #00CCFF;
font-family: BlizzardD;
font-size: small;
}
.Style18 {
font-family: BlizzardD;
font-size: small;
}
.Style19 {color: #00CCFF}
-->
</style>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (site1.psd) -->
<!-- End ImageReady Slices -->
<table width="646" height="466" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<th scope="col"><table id="Tableau_01" width="801" height="600" border="0" cellpadding="0" cellspacing="0">
<tr>
<td rowspan="3"> <img src="images/site1_01.gif" width="154" height="200" alt=""></td>
<td> <img src="images/site1_02.gif" width="646" height="129" alt=""></td>
<td> <img src="images/spacer.gif" width="1" height="129" alt=""></td>
</tr>
<tr>
<td background="images/site1_03.gif"> </td>
<td> <img src="images/spacer.gif" width="1" height="38" alt=""></td>
</tr>
<tr>
<td rowspan="2" background="images/site1_04.gif"> </td>
<td> <img src="images/spacer.gif" width="1" height="33" alt=""></td>
</tr>
<tr>
<td rowspan="3" background="images/site1_05.gif"><div id="menu" name="menu">
<dt class="Style17" onclick="javascript:montre('smenu1');">Le Club</dt>
<dd class="Style18" id="smenu1">
<ul>
<li class="Style19"><a href="#">Présentation</a></li>
<li class="Style19"><a href="#">Organigramme</a></li>
<li class="Style19"><a href="#">Palmarès</a></li>
<li class="Style19"><a href="#">Presse-book</a></li>
</ul>
</dd>
<dt class="Style17" onclick="javascript:montre('smenu2');">Les Joueurs</dt>
<dd class="Style18" id="smenu2">
<ul>
<li class="Style19"><a href="#">Seniors</a></li>
<li class="Style19"><a href="#">Poussins</a></li>
<li class="Style19"><a href="#">Débutants</a></li>
</ul>
</dd>
<dt class="Style17" onclick="javascript:montre('smenu3');">Calendriers</dt>
<dd class="Style18" id="smenu3">
<ul>
<li class="Style19"><a href="#">Promotion d'Honneur B</a></li>
<li class="Style19"><a href="#">Promotion d'Honneur C</a></li>
<li class="Style19"><a href="#">Poussins</a></li>
<li class="Style19"><a href="#">Débutants</a></li>
</ul>
</dd>
<dt class="Style17" onclick="javascript:montre('smenu4');">Résultats</dt>
<dd class="Style18" id="smenu4">
<ul>
<li><a href="#">Promotion d'Honneur B</a></li>
<li><a href="#">Promotion d'Honneur C</a></li>
<li><a href="#">Poussins</a></li>
<li><a href="#">Débutants</a></li>
</ul>
</dd>
<dt class="Style17" onclick="javascript:montre('smenu5');">Classements</dt>
<dd class="Style18" id="smenu5">
<ul>
<li><a href="#">Promotion d'Honneur B</a></li>
<li><a href="#">Promotion d'Honneur C</a></li>
<li><a href="#">Poussins</a></li>
</ul>
</dd>
<dt class="Style17" onclick="javascript:montre('smenu6');">Nos Partenaires</dt>
<dd class="Style18" id="smenu6"><dt class="Style17" onclick="javascript:montre('smenu7');">Gallerie Photos</dt>
<dd class="Style18" id="smenu7"><dt class="Style17" onclick="javascript:montre('smenu8');">Les Extras</dt>
<dd class="Style18" id="smenu8"><dt class="Style18" onclick="javascript:montre();"> </dt>
<dt class="Style17" onclick="javascript:montre('smenu9');">Espace Discussion</dt>
<dd class="Style18" id="smenu9"><dt class="Style18" onclick="javascript:montre();"> </dt>
<dt class="Style17" onclick="javascript:montre('smenu10');">Nous Contacter</dt>
<dd class="Style17" id="smenu10">
</div></td><td> <img src="images/spacer.gif" width="1" height="318" alt=""></td>
</tr>
<tr>
<td background="images/site1_06.gif"> </td>
<td> <img src="images/spacer.gif" width="1" height="56" alt=""></td>
</tr>
<tr>
<td> <img src="images/site1_07.gif" width="646" height="26" alt=""></td>
<td> <img src="images/spacer.gif" width="1" height="26" alt=""></td>
</tr>
</table></th>
</tr>
</table>
<p> </p>
</body>
</html>
Message édité par tony3332b le 03-08-2006 à 22:22:03