28221 sujets
Voici le menu( je précise c'est un menu déroulant donc composé d'un script java
Accueil
Assurance qualité
* Procédures administratives
* Procédures élevage
* Procédures labo
* Procédures protocoles expérimentaux
Hygiène et sécurité
* Document unique
* Infos diverses
* Procédures, liste des SST, ACP
* Rapport AAT, visite CHS
Informatique
* Contact, moyens disponibles
* Liste de messagerie
* Procédures diverses
Infos interne UMRVP
* Agenda des salles de réunion
* Conseils de service / Assemblée générale
* Formulaires divers
* Infos secrétariat
* Lettre info UMRVP
* Liste du personnel
* Maquettes powerpoint, word
* Notes internes UMRVP
* Règles d’organisation de l’unité
* Service technique
Installations expérimentales
* Bilan du troupeau
* Composition de l’aliment standard (Juillet 2004)
* Consultation interactive
* Coûts expérimentaux pour 2004 (intra-UMRVP)
* Gardes et permanences
* Le personnel
* Liste des expériences
* Planning des mises-bas
* Plate-forme chirurgicale (bât. 35)
* Réserver des animaux
Le probleme c que avec IE soit il affiche rien, soit il les affiche avec une dizaine de lign entre chaque partie??????
Accueil
Assurance qualité
* Procédures administratives
* Procédures élevage
* Procédures labo
* Procédures protocoles expérimentaux
Hygiène et sécurité
* Document unique
* Infos diverses
* Procédures, liste des SST, ACP
* Rapport AAT, visite CHS
Informatique
* Contact, moyens disponibles
* Liste de messagerie
* Procédures diverses
Infos interne UMRVP
* Agenda des salles de réunion
* Conseils de service / Assemblée générale
* Formulaires divers
* Infos secrétariat
* Lettre info UMRVP
* Liste du personnel
* Maquettes powerpoint, word
* Notes internes UMRVP
* Règles d’organisation de l’unité
* Service technique
Installations expérimentales
* Bilan du troupeau
* Composition de l’aliment standard (Juillet 2004)
* Consultation interactive
* Coûts expérimentaux pour 2004 (intra-UMRVP)
* Gardes et permanences
* Le personnel
* Liste des expériences
* Planning des mises-bas
* Plate-forme chirurgicale (bât. 35)
* Réserver des animaux
Le probleme c que avec IE soit il affiche rien, soit il les affiche avec une dizaine de lign entre chaque partie??????
D'abord bonjour.
Ensuite, fais attention à la façon dont tu t'exprime. Nous n'apprécions pas vraiment le style SMS ou CHAT.
Finalement, pour répondre à ta question, c'est impossible si tu ne nous donne pas le code que tu utilise ou une page pour voir le résultat. Si tu nous donne le code, n'oublis pas de l'encadrer avec la balise CODE du forum tel qu'indiqué dans les Aides et Règles du forum.
Modifié par Merkel (24 May 2005 - 16:59)
Ensuite, fais attention à la façon dont tu t'exprime. Nous n'apprécions pas vraiment le style SMS ou CHAT.
Finalement, pour répondre à ta question, c'est impossible si tu ne nous donne pas le code que tu utilise ou une page pour voir le résultat. Si tu nous donne le code, n'oublis pas de l'encadrer avec la balise CODE du forum tel qu'indiqué dans les Aides et Règles du forum.
Modifié par Merkel (24 May 2005 - 16:59)
milles excuses!!!
u code en veux tu en voilà
menu déroulant(je travaille avec Spip d'où les boucles):
<html>
<head>
<meta http-equiv="Content-Style-Type" content="text/css">
<link rel="stylesheet" type="text/css" href="style_menu.css">
<script type="text/javascript">
<!--
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
for (var i = 0; i<=100; i++) {
if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
}
if (d) {d.style.display='block';}
}
//-->
</script>
</head>
<body>
<table><dl id="smenu">
<dt onclick="javascript:montre('smenu1');" class="m_titre"><a href="http://127.0.0.1/SPIP_1.8.1/sommaire.php3">Accueil</a></dt>
<dt onclick="javascript:montre('smenu2');" class="m_titre">Assurance qualité</dt>
<dd id="smenu2">
<ul class="m_stitre">
<BOUCLE_aff_ss_rubriques(RUBRIQUES){id_parent=2}{par titre}{tout}>
<li><a href="#URL_RUBRIQUE">#TITRE</a></li>
</BOUCLE_aff_ss_rubriques>
</ul>
</dd>
<dt onclick="javascript:montre('smenu3');" class="m_titre">Hygiène et sécurité</dt>
<dd id="smenu3">
<ul class="m_stitre">
<BOUCLE_aff_ss_rubriques2(RUBRIQUES){id_parent=7}{par titre}{tout}>
<li><a href="#URL_RUBRIQUE">#TITRE</a></li>
</BOUCLE_aff_ss_rubriques2>
</ul>
</dd>
<dt onclick="javascript:montre('smenu4');" class="m_titre">Informatique</dt>
<dd id="smenu4">
<ul class="m_stitre">
<BOUCLE_aff_ss_rubriques3(RUBRIQUES){id_parent=9}{par titre}{tout}>
<li><a href="#URL_RUBRIQUE">#TITRE</a></li>
</BOUCLE_aff_ss_rubriques3>
</ul>
</dd>
<dt onclick="javascript:montre('smenu5');" class="m_titre">Infos interne UMRVP</dt>
<dd id="smenu5">
<ul class="m_stitre">
<BOUCLE_aff_ss_rubriques4(RUBRIQUES){id_parent=8}{par titre}{tout}>
<li><a href="#URL_RUBRIQUE">#TITRE</a></li>
</BOUCLE_aff_ss_rubriques4>
</ul>
</dd>
<dt onclick="javascript:montre('smenu6');" class="m_titre">Installations expérimentales</dt>
<dd id="smenu6">
<ul class="m_stitre">
<BOUCLE_aff_ss_rubriques5(RUBRIQUES){id_parent=48}{par titre}{tout}>
<li><a href="#URL_RUBRIQUE">#TITRE</a></li>
</BOUCLE_aff_ss_rubriques5>
</ul>
</dd>
<dt onclick="javascript:montre('smenu7');" class="m_titre">Vie scientifique</dt>
<dd id="smenu7">
<ul class="m_stitre">
<BOUCLE_aff_ss_rubriques6(RUBRIQUES){id_parent=11}{par titre}{tout}>
<li><a href="#URL_RUBRIQUE">#TITRE</a></li>
</BOUCLE_aff_ss_rubriques6>
</ul>
</dd>
</dl>
</table>
</body>
</html>
feuille de style
<style type="text/css">
/* CSS issu des tutoriels css.alsacreations.com */
<!--
body {
margin: 0;
padding: 0;
background: white;
font: 100% verdana, arial, sans-serif;
}
ul.m_stitre {
font-family: "Comic Sans MS";
font-size: 12px;
font-style: normal;
text=#000000;
}
dt.m_titre {
font-family: "Comic Sans MS";
font-size: 14px;
font-style: normal;
font-weight: bold;
text=#003366;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#smenu {
width: 20em;
position: relative;
top: 0;
left: 0;
}
#smenu dt {
cursor="pointeur";
margin: 2px 0;
height: 20px;
line-height: 20px;
text-align: center;
font-weight: bold;
border: 1px solid gray;
background: #ccc;
}
#smenu dd {
border: 1px solid gray;
}
#smenu li {
text-align: center;
background: #fff;
}
#smenu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}
#smenu li a:hover, #menu dt a:hover {
background: #eee;
}
.mentions {
position: absolute;
top : 300px;
left : 10px;
color: #000;
background-color: #ddd;
}
-->
</style>
u code en veux tu en voilà
menu déroulant(je travaille avec Spip d'où les boucles):
<html>
<head>
<meta http-equiv="Content-Style-Type" content="text/css">
<link rel="stylesheet" type="text/css" href="style_menu.css">
<script type="text/javascript">
<!--
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
for (var i = 0; i<=100; i++) {
if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
}
if (d) {d.style.display='block';}
}
//-->
</script>
</head>
<body>
<table><dl id="smenu">
<dt onclick="javascript:montre('smenu1');" class="m_titre"><a href="http://127.0.0.1/SPIP_1.8.1/sommaire.php3">Accueil</a></dt>
<dt onclick="javascript:montre('smenu2');" class="m_titre">Assurance qualité</dt>
<dd id="smenu2">
<ul class="m_stitre">
<BOUCLE_aff_ss_rubriques(RUBRIQUES){id_parent=2}{par titre}{tout}>
<li><a href="#URL_RUBRIQUE">#TITRE</a></li>
</BOUCLE_aff_ss_rubriques>
</ul>
</dd>
<dt onclick="javascript:montre('smenu3');" class="m_titre">Hygiène et sécurité</dt>
<dd id="smenu3">
<ul class="m_stitre">
<BOUCLE_aff_ss_rubriques2(RUBRIQUES){id_parent=7}{par titre}{tout}>
<li><a href="#URL_RUBRIQUE">#TITRE</a></li>
</BOUCLE_aff_ss_rubriques2>
</ul>
</dd>
<dt onclick="javascript:montre('smenu4');" class="m_titre">Informatique</dt>
<dd id="smenu4">
<ul class="m_stitre">
<BOUCLE_aff_ss_rubriques3(RUBRIQUES){id_parent=9}{par titre}{tout}>
<li><a href="#URL_RUBRIQUE">#TITRE</a></li>
</BOUCLE_aff_ss_rubriques3>
</ul>
</dd>
<dt onclick="javascript:montre('smenu5');" class="m_titre">Infos interne UMRVP</dt>
<dd id="smenu5">
<ul class="m_stitre">
<BOUCLE_aff_ss_rubriques4(RUBRIQUES){id_parent=8}{par titre}{tout}>
<li><a href="#URL_RUBRIQUE">#TITRE</a></li>
</BOUCLE_aff_ss_rubriques4>
</ul>
</dd>
<dt onclick="javascript:montre('smenu6');" class="m_titre">Installations expérimentales</dt>
<dd id="smenu6">
<ul class="m_stitre">
<BOUCLE_aff_ss_rubriques5(RUBRIQUES){id_parent=48}{par titre}{tout}>
<li><a href="#URL_RUBRIQUE">#TITRE</a></li>
</BOUCLE_aff_ss_rubriques5>
</ul>
</dd>
<dt onclick="javascript:montre('smenu7');" class="m_titre">Vie scientifique</dt>
<dd id="smenu7">
<ul class="m_stitre">
<BOUCLE_aff_ss_rubriques6(RUBRIQUES){id_parent=11}{par titre}{tout}>
<li><a href="#URL_RUBRIQUE">#TITRE</a></li>
</BOUCLE_aff_ss_rubriques6>
</ul>
</dd>
</dl>
</table>
</body>
</html>
feuille de style
<style type="text/css">
/* CSS issu des tutoriels css.alsacreations.com */
<!--
body {
margin: 0;
padding: 0;
background: white;
font: 100% verdana, arial, sans-serif;
}
ul.m_stitre {
font-family: "Comic Sans MS";
font-size: 12px;
font-style: normal;
text=#000000;
}
dt.m_titre {
font-family: "Comic Sans MS";
font-size: 14px;
font-style: normal;
font-weight: bold;
text=#003366;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#smenu {
width: 20em;
position: relative;
top: 0;
left: 0;
}
#smenu dt {
cursor="pointeur";
margin: 2px 0;
height: 20px;
line-height: 20px;
text-align: center;
font-weight: bold;
border: 1px solid gray;
background: #ccc;
}
#smenu dd {
border: 1px solid gray;
}
#smenu li {
text-align: center;
background: #fff;
}
#smenu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}
#smenu li a:hover, #menu dt a:hover {
background: #eee;
}
.mentions {
position: absolute;
top : 300px;
left : 10px;
color: #000;
background-color: #ddd;
}
-->
</style>
Merkel a écrit :
n'oublis pas de l'encadrer avec la balise CODE du forum tel qu'indiqué dans les Aides et Règles du forum.
Raté !!
Bonjour aussi et bienvenue kamui
Peux-tu "Editer" ton message précédent et placer tout ce qui est code dans les balises "code", ton message n'en sera que plus lisible.
Merci d'avance !
Ah ! Au fait, pour éviter tout désagrément, les règles sont ici :
http://forum.alsacreations.com/help.php
Modifié par dominique (24 May 2005 - 17:21)
Relis mon post kamui. J'ai précisé que tu devais encadrer ton code avec les balises CODE du forum, tel qu'expliqué dans l'Aide et Règles du forum. Tu peux éditer ton message pour l'ajouter.
Modifié par Merkel (24 May 2005 - 17:21)
Aide et Règles a écrit :
13- Mise en forme générale des messages
Merci de bien vouloir prendre le temps de présenter correctement vos messages, surtout si ces messages doivent inciter les autres membres à vous dépanner sur un problème. Des boutons de mise en forme sont prévus pour cela (gras, italique, etc.). Merci de systématiquement baliser vos codes HTML ou CSS avec le bouton CODE approprié (éviter également, pour des questions de lisibilité, de présenter des codes HTML et PHP imbriqués). Enfin, n'hésitez pas à toujours fournir une image explicative et une url où les membres auront un aperçu de votre problème.
Modifié par Merkel (24 May 2005 - 17:21)
Bonjour 
J'ai jeté un petit coup d'oeil à ton code et je ne vois pas pourquoi tu ne ferais pas plutôt un menu uniquement en css ??
en css:
et en html:
NOTE: Bien entendu, le design est minimaliste... a toi de l'agrémenter un peu selon tes besoins
Bonne Chance
J'ai jeté un petit coup d'oeil à ton code et je ne vois pas pourquoi tu ne ferais pas plutôt un menu uniquement en css ??
en css:
div.menu div.contenumenu {
display: none;
}
div.menu:hover div.contenumenu {
display: block;
}
div.menu div.contenumenu {
display: none;
}
div.menu:hover div.contenumenu {
display: block;
}
et en html:
<div class="menu">
Titre du menu 01
<div class="contenumenu">
<a href="page1.html">page 01</a>
<br />
<a href="page2.html">page 02</a>
<br />
<a href="page3.html">page 03</a>
</div>
</div>
<div class="menu">
Titre du menu 02
<div class="contenumenu">
<a href="page4.html">page 04</a>
<br />
<a href="page5.html">page 05</a>
<br />
<a href="page6.html">page 06</a>
</div>
</div>
<div class="menu">
Titre du menu 03
<div class="contenumenu">
<a href="page7.html">page 07</a>
<br />
<a href="page8.html">page 08</a>
<br />
<a href="page9.html">page 09</a>
</div>
</div>
<div class="menu">
Titre du menu 04
<div class="contenumenu">
<a href="page10.html">page 10</a>
<br />
<a href="page11.html">page 11</a>
<br />
<a href="page12.html">page 12</a>
</div>
</div>
<div class="menu">
Titre du menu 05
<div class="contenumenu">
<a href="page13.html">page 13</a>
<br />
<a href="page14.html">page 14</a>
<br />
<a href="page15.html">page 15</a>
</div>
</div>
<div class="menu">
Titre du menu 06
<div class="contenumenu">
<a href="page16.html">page 16</a>
<br />
<a href="page17.html">page 17</a>
<br />
<a href="page18.html">page 18</a>
</div>
</div>
</div>
NOTE: Bien entendu, le design est minimaliste... a toi de l'agrémenter un peu selon tes besoins
Bonne Chance