Probleme avec ce code html

alaindu_33 Messages postés 26 Statut Membre -  
qmike Messages postés 1599 Date d'inscription   Statut Membre Dernière intervention   -
Bonsoir j'ai besoin d'un petit renseignement au sujet de ce code .
j'aimerai savoir comment faire pour que celui ci revienne au point de depart sans a avoir besoin de cliquée sur Accueil
les sous menu reste ouvert
merci de votre aide.

<html>

<head>
<meta http-equiv="Content-Language" content="fr">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Nouvelle page 1</title>
</head>

<body>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<title>Page1</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css" media="screen">
<!--
body {
margin: 0;
padding: 0;
background: white;
font: 80% verdana, arial, sans-serif;
}
li {
margin: 0;
padding: 0;
list-style-type: none;
}
ul {
margin: 0;
padding: 0;
list-style-type: none;
}
dd {
margin: 0;
padding: 0;
list-style-type: none;
}
dt {
margin: 0;
padding: 0;
list-style-type: none;
}
dl {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute; /
top: 0;
left: 0;
}
#menu {
width: 15em;
}
#menu dt {
cursor: pointer;
margin: 2px 0;;
height: 20px;
line-height: 20px;
text-align: center;
font-weight: bold;
border: 1px solid gray;
background: #ccc;
}
#menu dd {
border: 1px solid gray;
}
#menu li {
text-align: center;
background: #fff;
}
#menu dt a {
color: #000;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}
#menu li a {
color: #000;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}
#menu dt a:hover {
background: #eee;
}
#menu li a:hover {
background: #eee;
}
-->
</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>

<div id="menu" style="width: 15em; position: absolute; top: 46px; left: 51px; background-color:#FFFFFF">
<dl style="list-style-type: none; margin: 0; padding: 0">
<dt onmouseover="javascript:montre();" style="cursor: pointer; height: 20px; line-height: 20px; text-align: center; font-weight: bold; list-style-type: none; border: 1px solid gray; margin: 2px 0; padding: 0; background: #FFFFFF">
<a title="Retour à l'accueil" style="color: #000; text-decoration: none; display: block; height: 100%; border: 0 none" href="baby_gym%202.htm">
Accueil</a></dt>
</dl>
<dl style="list-style-type: none; margin: 0; padding: 0">
<dt onmouseover="javascript:montre('smenu1');" style="cursor: pointer; height: 20px; line-height: 20px; text-align: center; font-weight: bold; list-style-type: none; border: 1px solid gray; margin: 2px 0; padding: 0; background: #FFFFFF">
Baby Gym</dt>
<dd id="smenu1" style="list-style-type: none; border: 1px solid gray; margin: 0; padding: 0">
<ul style="list-style-type: none; margin: 0; padding: 0">
<li style="text-align: center; list-style-type: none; margin: 0; padding: 0; background: #fff">
<a style="color: #0066FF; text-decoration: none; display: block; height: 100%; border: 0 none" href="#">
photo</a></li>
<li style="text-align: center; list-style-type: none; margin: 0; padding: 0; background: #fff">
<a style="color: #0066FF; text-decoration: none; display: block; height: 100%; border: 0 none" href="#">
Sous-Menu 1.2</a></li>
<li style="text-align: center; list-style-type: none; margin: 0; padding: 0; background: #fff">
<a style="color: #0066FF; text-decoration: none; display: block; height: 100%; border: 0 none" href="#">
Sous-Menu 1.3</a></li>
<li style="text-align: center; list-style-type: none; margin: 0; padding: 0; background: #fff">
<a style="color: #0066FF; text-decoration: none; display: block; height: 100%; border: 0 none" href="#">
Sous-Menu 1.4</a></li>
<li style="text-align: center; list-style-type: none; margin: 0; padding: 0; background: #fff">
<a style="color: #0066FF; text-decoration: none; display: block; height: 100%; border: 0 none" href="#">
Sous-Menu 1.5</a></li>
<li style="text-align: center; list-style-type: none; margin: 0; padding: 0; background: #fff">
<a style="color: #0066FF; text-decoration: none; display: block; height: 100%; border: 0 none" href="#">
Sous-Menu 1.6</a></li>
</ul>
</dd>
</dl>
<dl style="list-style-type: none; margin: 0; padding: 0">
<dt onmouseover="javascript:montre('smenu3');" style="cursor: pointer; height: 20px; line-height: 20px; text-align: center; font-weight: bold; list-style-type: none; border: 1px solid gray; margin: 2px 0; padding: 0; background: #FFFFFF">
Gym</dt>
</dl>
</dd>
<dl style="list-style-type: none; margin: 0; padding: 0">
<dd id="smenu3" style="list-style-type: none; border: 1px solid gray; margin: 0; padding: 0">
<ul style="list-style-type: none; margin: 0; padding: 0">
<li style="text-align: center; list-style-type: none; margin: 0; padding: 0; background: #fff">
<a style="color: #0066FF; text-decoration: none; display: block; height: 100%; border: 0 none" href="#">
Photos</a></li>
<li style="text-align: center; list-style-type: none; margin: 0; padding: 0; background: #fff">
<a style="color: #0066FF; text-decoration: none; display: block; height: 100%; border: 0 none" href="#">
Sous-Menu 3.2</a></li>
<li style="text-align: center; list-style-type: none; margin: 0; padding: 0; background: #fff">
<a style="color: #0066FF; text-decoration: none; display: block; height: 100%; border: 0 none" href="#">
Sous-Menu 3.3</a></li>
<li style="text-align: center; list-style-type: none; margin: 0; padding: 0; background: #fff">
<a style="color: #0066FF; text-decoration: none; display: block; height: 100%; border: 0 none" href="#">
Sous-Menu 3.4</a></li>
<li style="text-align: center; list-style-type: none; margin: 0; padding: 0; background: #fff">
<a style="color: #0066FF; text-decoration: none; display: block; height: 100%; border: 0 none" href="#">
Sous-Menu 3.5</a></li>
</ul>
</dd>
</dl>
<dl style="list-style-type: none; margin: 0; padding: 0">
<dt onmouseover="javascript:montre('smenu4');" style="cursor: pointer; height: 20px; line-height: 20px; text-align: center; font-weight: bold; list-style-type: none; border: 1px solid gray; margin: 2px 0; padding: 0; background: #FFFFFF">
Grs</dt>
<dd id="smenu4" style="list-style-type: none; border: 1px solid gray; margin: 0; padding: 0">
<ul style="list-style-type: none; margin: 0; padding: 0">
<li style="text-align: center; list-style-type: none; margin: 0; padding: 0; background: #fff">
<a style="color: #0066FF; text-decoration: none; display: block; height: 100%; border: 0 none" href="#">
Photos</a></li>
<li style="text-align: center; list-style-type: none; margin: 0; padding: 0; background: #fff">
<a style="color: #0066FF; text-decoration: none; display: block; height: 100%; border: 0 none" href="#">
Sous-Menu 4.2</a></li>
<li style="text-align: center; list-style-type: none; margin: 0; padding: 0; background: #fff">
<a style="color: #0066FF; text-decoration: none; display: block; height: 100%; border: 0 none" href="#">
Sous-Menu 4.3</a></li><li style="text-align: center; list-style-type: none; margin: 0; padding: 0; background: #fff">
<a style="color: #0066FF; text-decoration: none; display: block; height: 100%; border: 0 none" href="#">
Sous-Menu 4.3</a></li>
</ul>
</dd>
</dl>
</div>

<p> </p>
<p> </p>

</body>

</html>
A voir également:

2 réponses

Réponse 1 / 2
scriptiz Messages postés 1494 Statut Membre 425
 
Si tu n'utilise pas de PHP, il te faut créer une page pour ton accueil, et une autre par autre page que tu souhaite.

Ensuite tu utilise des liens (balise "<a href="page.html" title="Nom de la page">Nom du lien</a>") pour naviguer entre les pages html (accueil et autres).
0
Réponse 2 / 2
qmike Messages postés 1599 Date d'inscription   Statut Membre Dernière intervention   594
 
bonjour
Oui effectivement scriptiz a raison*
*
bon dimanche
0

Discussions similaires

sertissage des cables rj45
lekludo -
brupala -

7 réponses