Bonjour
J'essaye de déplacer mon site http://perso.orange.fr/gilles.loisirs/index2.html avec un menu déroulant et avec une frame (sans php) vers http://membres.lycos.fr/gillesloisirs/ menu déroulant sans frame avec php.
J'ai deux problèmes :
La page d'accueil n'apparait pas immédiatement.
Les menus déroulant ne fonctionne pas.
je peux envoyer le code si cela est nécessaire.
merci
fichier gilles.css
Il doit y avoir une erreur pour les menus mais je ne trouve pas.
merci
Modifié par gillesweb (26 Oct 2006 - 17:06)
J'essaye de déplacer mon site http://perso.orange.fr/gilles.loisirs/index2.html avec un menu déroulant et avec une frame (sans php) vers http://membres.lycos.fr/gillesloisirs/ menu déroulant sans frame avec php.
J'ai deux problèmes :
La page d'accueil n'apparait pas immédiatement.
Les menus déroulant ne fonctionne pas.
je peux envoyer le code si cela est nécessaire.
merci
fichier index.php (les liens ne sont pas terminés)
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
<title>index</title>
<link rel="stylesheet" type="text/css" href="gilles.css">
<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>
</head>
<body>
<div class="haut">gilles.loisirs</div>
<div class="gauche">
<!-- Le menu_ver (debut) -->
<ul>
<dl id="menu">
<dt onclick="javascript:montre();"><a
href="index.php?page=accueil">Accueil</a></dt>
<dt onclick="javascript:montre('smenu2');">Le prochain</dt>
<dd id="smenu2">
<ul>
<li><a href="index.php?page=#">Sous-Menu 2.1</a></li>
<li><a href="#">Sous-Menu 2.2</a></li>
<li><a href="#">Sous-Menu 2.3</a></li>
</ul>
</dd>
<dt onclick="javascript:montre('smenu3');">Divers</dt>
<dd id="smenu3">
<ul>
<li><a href="index.php?page=Grimpe_petzl">Monter
Seul</a></li>
<li><a href="journal/cours_grimpe.html"
target="droite">Grimpe</a></li>
<li><a href="journal/journal_bord.html"
target="droite">Journal de bord</a></li>
<li><a href="journal/photos01.html"
target="droite">plus
perso</a></li>
<li><a href="journal/arles.html" target="droite">Arles</a></li>
</ul>
</dd>
<dt onclick="javascript:montre('smenu4');">First 24</dt>
<dd id="smenu4">
<ul>
<li><a href="index.php?page=Bilan_first_24"
target="droite">Bilan des 5 ans</a></li>
<li><a href="first_24/cybele.html" target="droite">La
cybèle</a></li>
<li><a href="first_24/interieur_first_24.html"
target="droite">Intérieur</a></li>
<li><a href="first_24/exterieur_first_24.html"
target="droite">Extérieur</a></li>
<li><a href="first_24/first_24_voilic.html"
target="droite">Plan de voilic</a></li>
<li><a href="first_24/glencadre.htm"
target="droite">Comparatif
Glénans</a></li>
<li><a href="first_24/cycadre.htm" target="droite">Essai
Yachting</a></li>
<li><a href="first_24/batcadre.htm"
target="droite">Comparatif bateaux</a></li>
<li><a href="first_24/first24.htm" target="droite">Bénéteau</a></li>
</ul>
</dd>
<dt onclick="javascript:montre('smenu5');">Sangria</dt>
<dd id="smenu5">
<ul>
<li><a href="sangria/sangria01.html"
target="droite">Bilan 1 an</a></li>
<li><a href="sangria/sangria02.html"
target="droite">Photos</a></li>
</ul>
</dd>
<dt onclick="javascript:montre();"><a
href="index.php?page=liens">Liens</a></dt>
<dd id="smenu6"> </dd>
</dl>
</ul>
</div>
<div class="frame">
<?php if (!isset($_GET['page'])) $page= 'accueil.html'; else $page= $_GET['page']; switch($page)
{
case 'accueil': include ('accueil.html');break;
case 'presentation': include ('presentation.html');break;
case 'suite':include ('suite.html');break;
case 'liens':include ('liens.html');break;
case 'Grimpe_petzl':include ('divers/Grimpe_petzl.html');break;
case 'Bilan_first_24':include ('first_24/Bilan_first_24.html');break;
} ?>
</div>
<div class="bas">gillesweb(pour éviter les
spasms)@wanadoo.fr</div>
</body>
</html>
fichier gilles.css
<style type="text/css">
<!--
body {
margin: 0;
padding:0;
position: absolute;
width: 100%;
height: 100%;
font-family: verdana, arial, sans-serif;
}
.haut {
width: auto;
height: 80px;
background-color: #06C;
color: #fff;
font-size: 36px;
padding: 10px;
}
.conteneur {
height: 400px;
width: 100%;
}
.gauche {
position: absolute;
left: 0;
width: 180px;
height: 400px;
background-image: url(gauche.gif);
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; /* placement du menu, à modifier selon vos besoins */
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 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;
}
}
.frame {
margin-left: 180px; /* on place ce bloc à droite du bloc menu de 180px de large */
background-color: #FFFFCC ;
width: auto;
height: 400px;
overflow: auto; /* cette propriété va permettre le scroll de ce bloc */
font-size: 14px;
}
.bas {
width: auto;
height: 30px;
background-color: #06C;
color: #fff;
font-size: 12px;
padding: 10px;
}
-->
</style>
Il doit y avoir une erreur pour les menus mais je ne trouve pas.
merci
Modifié par gillesweb (26 Oct 2006 - 17:06)
