bonjour,

encore un post sur le menu déroulant vertical... vraiment désolé ! Smiley langue

voilà mes 2 soucis :

- le premier est pourquoi les liens en hover ds le menu déroulant ne fonctionne pas sous safari ? si j'ouvre le tuto http://css.alsacreations.com/modelesmenus/vd2.htm
dans safari, les liens ne se soulignent pas ?!? Smiley ohwell

- et le second : j'ai fais une page qui contient mon menu déroulant vertical. cette page est inclu avec du php sur une page index. à chaque fois que je change de page, en cliquant sur un lien, le menu déroulant apparaît une fraction de seconde. ce qui donne la sensation désagréable de voir une image qui "saute"
y-at-il une solution pour y remédier ? Smiley rolleyes

merci Smiley biggrin
Modifié par valere (11 Oct 2006 - 09:12)
Bonjour valere Smiley smile

Patience ! Patience ! Les personnes qui répondent sur le forum sont des bénévoles, et peut être que pour l'instant il n'y a personne de connecté, apte à répondre à tes questions Smiley cligne
Bonjour,

J'ai le même soucis que Valere Smiley confus : << à chaque fois que je change de page, en cliquant sur un lien, le menu déroulant apparaît une fraction de seconde. ce qui donne la sensation désagréable de voir une image qui "saute">>.
Après avoir regardé sur le forum et sur les tutoriaux, j'ai compris que cela venait du "window.onload=montre;" et que cette ligne était écrite pour permettre une meilleur accessibilité et contrer les navigateurs qui empêchent l'exécution du javascript.
J'ai eu beau enlever cette ligne ou modifier le code de javascript, je n'ai pas réussi à corriger cette "sensation désagréable". Smiley decu

Contrairement à Valere, je n'utilise pas du php. J'ai des pages contenant un header/footer/menu fixe et un contenu qui varie. N'ayant pas encore trouvé le moyen d'inclure du html dans du html sans parler php, d'une page à une autre je recharge toute la page donc également le menu... ce qui engendre ce désagrement visuel.

Voilà donc je suis impatient qu'on réponde à Valere pour corriger ce problème. Et si quelqu'un pouvait me dire comment mettre du html en html sans le fameux include de php, je serai encore plsu content...

Merci d'avance, Smiley cligne
Modifié par Tiote_biloute (09 Oct 2006 - 23:11)
Modérateur
Salut,

Pour Safari, désolé, je ne peux pas tester mais concernant l'apparition du menu au chargement, il faut ajouter en entête du fichier html :

<script type="text/javascript"><!--
document.write('<'+'style type="text/css" media="screen, projection"><!--');
document.write('dl#menu dd { display: none; }');
document.write('--><'+'/style>');
//--></script>


Tiote_biloute a écrit :
Et si quelqu'un pouvait me dire comment mettre du html en html sans le fameux include de php, je serai encore plsu content...

La FAQ Smiley cligne
Modifié par koala64 (10 Oct 2006 - 19:30)
Bonjour à vous tous,

J'ai deux petites questions:

1-le petit code que tu as si gentiment donné ne fonctionne pas... sniff...
Je l'ai copier coller dans l'entête et zut, les sous-menus apparaîssent toujours lors du chargement de la page. Voici mon humble code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/debase tableau.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>Qui sommes nous ?</title>
<!-- InstanceEndEditable -->
<style type="text/css">
<!--


-->
</style>
<!-- InstanceBeginEditable name="head" --><style type="text/css">
<!--

a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FFCC66;
}
a:hover {
	text-decoration: none;
	color: #FFFFFF;
}
a:active {
	text-decoration: none;
}
.Style1 {font-size: 12px}
-->
</style>
<style type="text/css">
<!--
.Style2 {color: #333366}
-->
</style>
<link href="css/menu_deroulant.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript"><!--
/*cest lignes plus bas font en sorte que les sous-menu n'apparaissent pas au chargement de la page*/

document.write('<'+'style type="text/css" media="screen, projection"><!--');
document.write('dl#menu dd { display: none; }');
document.write('--><'+'/style>');

//--></script>



<script type="text/javascript">
<!--

/*("montre" vide) a pour effet de cacher tous les sous-menus dès le chargement du document.le menu doit rester utillisable, ce qui n'aurait pas été le cas si les sous-menus avaient été cachés par CSS.*/

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>
<!-- InstanceEndEditable -->
<!--[if lt IE 7]>
<script language="JavaScript">
function correctPNG() // correctly handle PNG transparency in Win IE 5.5 & 6.
{
   var arVersion = navigator.appVersion.split("MSIE")
   var version = parseFloat(arVersion[1])
   if ((version >= 5.5) && (document.body.filters)) 
   {
      for(var i=0; i<document.images.length; i++)
      {
         var img = document.images[i]
         var imgName = img.src.toUpperCase()
         if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
         {
            var imgID = (img.id) ? "id='" + img.id + "' " : ""
            var imgClass = (img.className) ? "class='" + img.className + "' " : ""
            var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
            var imgStyle = "display:inline-block;" + img.style.cssText 
            if (img.align == "left") imgStyle = "float:left;" + imgStyle
            if (img.align == "right") imgStyle = "float:right;" + imgStyle
            if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
            var strNewHTML = "<span " + imgID + imgClass + imgTitle
            + " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
            + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
            + "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>" 
            img.outerHTML = strNewHTML
            i = i-1
         }
      }
   }    
}
window.attachEvent("onload", correctPNG);
</script>
<![endif]-->
<link href="css/debase.css" rel="stylesheet" type="text/css" media="screen" />
</head>


2-Est-il normal que si je survol le lien du menu principal, cela fasse apparaître le sous-menu mais que, pour faire disparaître les sous-menus, il faille absoluement déplacer le curseur dessus puis à l'extérieur de la zone ? Dit d'une autre façon, il est normal que les sous-menus apparaîssent en survolant le menu mais, ce serait idéal si les sous-menus disparaissaient en quittant le menu principal sans avoir à naviguer dans le sous-menu. Je trouve cela un peu gênant car, quand on navigue, si on passe accidentelement au dessus du menu les sous-menu apparaissent mais si on veut les faire disparaître, il faut naviguer dessus puis à l'extérieur de ces derniers. Est-ce possible ?

Merci à vous tous pour votre collaboration, elle est très appréciée !

Astala+
Yannick Tremblay, webmestre apprentit.[/i]
Modérateur
Bonjour akinayotaka,

Le code JS proposé ci-dessus est adapté au menu proposé en début de sujet.
Quel est ton code XHTML ?

a écrit :
2-Est-il normal que si je survol le lien du menu principal, cela fasse apparaître le sous-menu mais que, pour faire disparaître les sous-menus, il faille absoluement déplacer le curseur dessus puis à l'extérieur de la zone ? Dit d'une autre façon, il est normal que les sous-menus apparaîssent en survolant le menu mais, ce serait idéal si les sous-menus disparaissaient en quittant le menu principal sans avoir à naviguer dans le sous-menu. Je trouve cela un peu gênant car, quand on navigue, si on passe accidentelement au dessus du menu les sous-menu apparaissent mais si on veut les faire disparaître, il faut naviguer dessus puis à l'extérieur de ces derniers. Est-ce possible ?
Si, lorsque tu survoles le menu, celui-ci disparaît avant même que tu n'ais pu faire ton choix, c'est bien plus gênant. Smiley cligne Il est quand même nettement plus normal d'avoir le menu ouvert en permanence lorsque tu restes au-dessus d'un menu (ou sous-menu), ce qui évite une limite de temps et ne force pas l'utilisateur à se dépêcher de faire son choix. Dans le tuto proposé au début, tu peux fermer le sous-menu sans avoir à passer dessus... il ne suffit que de quitter la zone, même si tu ne survoles que les menus sans passer par les sous-menus. Smiley smile
Modifié par koala64 (04 Nov 2006 - 09:10)
Bonjour Koala, merci pour ton esprit de service !

Nous pouvons être sûr que nous trouverons une solution car, le sujet est résolu ! (il y a des boules de crystal dans l'air... Smiley biggrin )

a écrit :
il ne suffit que de quitter la zone, même si tu ne survoles que les menus sans passer par les sous-menus.


En fait non... Je dois vraiment passer par le sous-menu...

Je crois que c'est parceque je n'ai que un sous-menu dans l'ensemble de mon menu pour cette page. Quand l'internaute navigue et qu'il survol ce menu sans le vouloir, il doit ce taper le sous-menu même quand il survol un autre menu. Je vais donc trafiquer la chose et mettre des sous-menus vide dans tous mes menus... Bonne idée ?

Chose certaine, ca ouvre l'appétit tous ces menus ! Smiley cligne

Pour mon code, le voici:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/debase tableau.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>Qui sommes nous ?</title>
<!-- InstanceEndEditable -->
<style type="text/css">
<!--


-->
</style>
<!-- InstanceBeginEditable name="head" --><style type="text/css">
<!--
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FFCC66;
}
a:hover {
	text-decoration: none;
	color: #FFFFFF;
}
a:active {
	text-decoration: none;
}
.Style1 {font-size: 12px}
-->
</style>
<style type="text/css">
<!--
.Style2 {color: #333366}
-->
</style>
<!-- InstanceEndEditable -->
<!--[if lt IE 7]>
<script language="JavaScript">
function correctPNG() // correctly handle PNG transparency in Win IE 5.5 & 6.
{
   var arVersion = navigator.appVersion.split("MSIE")
   var version = parseFloat(arVersion[1])
   if ((version >= 5.5) && (document.body.filters)) 
   {
      for(var i=0; i<document.images.length; i++)
      {
         var img = document.images[i]
         var imgName = img.src.toUpperCase()
         if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
         {
            var imgID = (img.id) ? "id='" + img.id + "' " : ""
            var imgClass = (img.className) ? "class='" + img.className + "' " : ""
            var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
            var imgStyle = "display:inline-block;" + img.style.cssText 
            if (img.align == "left") imgStyle = "float:left;" + imgStyle
            if (img.align == "right") imgStyle = "float:right;" + imgStyle
            if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
            var strNewHTML = "<span " + imgID + imgClass + imgTitle
            + " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
            + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
            + "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>" 
            img.outerHTML = strNewHTML
            i = i-1
         }
      }
   }    
}
window.attachEvent("onload", correctPNG);
</script>
<![endif]-->
<link href="css/debase.css" rel="stylesheet" type="text/css" media="screen" />
</head>

<body background="images/fond_seul_large.jpg">
 <div id="bloc">
   <div id="bloclosanges"><!-- InstanceBeginEditable name="losange" --><img src="images/3_losanges.png" alt="3" width="36" height="242" /><!-- InstanceEndEditable --></div>
      <div id="texte_scroll"><!-- InstanceBeginEditable name="texte" -->
    <p class="titre"> <a name="personnel" id="personnel"></a>Le personnel </p>
    <p class="texte">
      
      <span class="texte">L’équipe de travail se compose de cinq travailleurs permanents et possède une moyenne d’ancienneté de 8 ans.   Les postes sont : </span></p>
    <p class="texte">-	Une directrice générale en la personne de Jos&eacute;e Dion; </p>
    <p class="texte">-	Une adjointe administrative au nom de Lisette Laforest; </p>
    <p class="texte">-	Trois intervenantes qui sont: &Eacute;milie Beaulieu, Manon Belley et Isabelle Simard.. </p>
    <table width="96%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td><div align="left">
            <p><img src="images/Josee.jpg" alt="josee" width="144" height="108" /><a name="josee" id="josee"></a> <a href="mailto:josee.dion@destination.ca"><span class="Style2">josee.dion@destination.ca</span></a></p>
          <p class="texte">Bonjour,</p>
          <p class="texte">je me nomme Jos&eacute;e Dion. En 1993, &agrave; la fin de mes &eacute;tudes en &eacute;ducation sp&eacute;cialis&eacute;e et psychologie, j'ai obtenu un emploi au Centre de Sant&eacute; Mentale l'ArrimAge. J'y travaillais comme intervenante au centre de jour et, &agrave; ce moment-l&agrave;, mon poste &eacute;tait sur appel. Apr&egrave;s quelques mois seulement, ma situation est devenue permanente.</p>
          <p class="texte">De fil en aiguille, mes t&acirc;ches ont chang&eacute;: du centre de jour, je me suis retrouv&eacute;e au volet socioprofessionnel et j'occupe maintenant le poste de directrice g&eacute;n&eacute;rale depuis f&eacute;vrier 2005. Mon parcours au sein de l'organisme m'a permis de conna&icirc;tre les diff&eacute;rentes difficult&eacute;s que peuvent rencontrer les gens qui fr&eacute;quentnet nos sevices.</p>
          <p class="texte">Je vous remercie de prendre le temps de visiter notre site, j'esp&egrave;re qu'il r&eacute;pondra &agrave; vos attentes. Si vous avez des questions, n'h&eacute;sitez pas &agrave; communiquer avec nous ou &agrave; venir nous rencontrer. Une &eacute;quipe d'exp&eacute;rience, dynamique et professionnelle, dont je suis fi&egrave;re de faire parite, vous y attend afin de vous offrir des services de qualit&eacute; et r&eacute;pondre &agrave; vos besoins dans la plus grnde cnfidentialit&eacute;. </p>
        </div></td>
      </tr>
    </table>
    <p>&nbsp;</p>
    <table width="79%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td><img src="images/Lisette.jpg" alt="lisette" width="144" height="108" /> <a name="lisette" id="lisette"></a></td>
      </tr>
    </table>
    <p class="texte">Mon nom est Lisette Laforest et j'occupe le poste d'adjointe administrative. Je travaille au C.S.M. l'ArrimAge depuis janvier 1996, donc bient&ocirc;t 11 ans.</p>
    <p class="texte">Je d&eacute;tiens un DEP en comptabilit&eacute; et secr&eacute;tariat que j'ai abtenu en janvier 1995 apr&egrave;s un retour aux &eacute;tudes. J'aime mon travail, car il va avec ma personnalit&eacute;, soit m&eacute;thodique et perfectionniste.</p>
    <p class="texte">Autre l'administration, je travaille &eacute;galement comme secr&eacute;taire et r&eacute;ceptionniste; alors si vous vous pr&eacute;sentez au centre, c'est moi qui vous accueillerai et , c'est avec plaisir que je vous dirigerai vers le service d&eacute;sir&eacute;.</p>
    <p class="texte">&nbsp;</p>
    <table width="94%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td><div align="left"><img src="images/emilie Beaulieau.jpg" alt="emilie" width="144" height="108" /><a name="emilie" id="emilie"></a><a href="mailto:arrimage.emilieb@destination.ca"><span class="Style2"> arrimage.emilieb@destination.ca</span></a></div></td>
        <td></p></td>
      </tr>
    </table>
    <p class="texte">Bonjour, </p>
    <p class="texte">je m'appelle &Eacute;milie Beaulieu et je suis intervenante au centre de sant&eacute; mentale l'ArrimAge depuis le mois de mars 2006. J'ai une formation en techniques d'&eacute;ducation sp&eacute;cialis&eacute;e.</p>
    <p class="texte">Au centre, je suis responsable du projet de pr&eacute;vention des troubles ancieux au travail. Je propose &agrave; diff&eacute;rentes entreprises, qui n'ont pas acc&egrave;s &agrave; un programme d'aide aux employ&eacute;s, des ateliers visant un mieux-&ecirc;tre dans leur vie professionnelle et personnelle.</p>
    <p class="texte">Je suis &eacute;galement responsable du volet suport aux familles, offrant du r&eacute;pit-d&eacute;pannage aux personnes atteintes d'un trouble de sant&eacute; mentale. ou &agrave; leurs proches.</p>
    <p class="texte">Je suis l'animatrice des groupes d'entraide &quot;Parents et Amis&quot;, s'adressant aux proches de la personn atteinte et &quot;La Cl&eacute;&quot;, s'adressant aux personnes aux prises avec des troubles de panique avec ou sans agoraphobie ou un trouble obsessionnel-compulsif.</p>
    <p class="texte">De plus, je travaille occasionnellement &agrave; l'Atelier du R&eacute;Emploi et au Centre de jour.</p>
    <p class="texte">Au plaisir de vous rencontrer dans l'un ou l'autre de ces services !</p>
    <p class="texte">&nbsp;</p>
    <p class="texte"><img src="images/Manon Belley.jpg" alt="manon" width="144" height="108" /><a name="manon" id="manon"></a><a href="mailto:arrimage.manonb@destination.ca "><span class="Style2"> arrimage.manonb@destination.ca </span></a></p>
    <p class="texte">Bonjour,</p>
    <p class="texte">Je me nomme Manon Belley et je travaille au Centre de Sant&eacute; Mentale l'ArrimAge depuis maintenant 6 ans. Je suis technicienne en travail social de formation.</p>
    <p class="texte">&Agrave; l'ArrimAge, je suis l'intervenante attitr&eacute;e &agrave; l'atelier du R&eacute;Emploi, atelier visant l'int&eacute;gration socioprofessionnelle des personnes ayant un probl&egrave;me de sant&eacute; mentale. Mon travail consiste, ent autres, &agrave; superviser, montrer les techniques de travail et supporter les participants dans le d&eacute;veloppement de leurs habilet&eacute;s reli&eacute;es &agrave; l'emploi.</p>
    <p class="texte">Je suis &eacute;galement responsable de sconf&eacute;rences pr&eacute;sent&eacute;es dan sle cadre du projet: &quot;Mille et un trucs pour &ecirc;tre bien dans sa peua&quot; aux centres d'&eacute;ducation aux adultes de notre secteur.</p>
    <p class="texte">Pour les personnes d&eacute;sirant rencontrer un intervenante afin d'am&eacute;liorer une situation v&eacute;cue au quotidien, je suis ddisponible pour effectuer des rencontres individuelles.</p>
    <p class="texte">Ces services correspondent &agrave; vos besoins ? Vous pouvez communiquer avec moi via mon courriel ou par t&eacute;l&eacute;phone au 418.276.7925 et ce sera pour moi un plaisir de vous r&eacute;pondre. </p>
    <p class="texte">&nbsp;</p>
    <table width="80%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td><img src="images/Isabelle Simard.jpg" alt="isabelle" width="144" height="108" /><a name="isabelle" id="isabelle"></a><a href="mailto:arrimage.isabelles@destination.ca"><span class="Style2"> arrimage.isabelles@destination.ca </span></a></td>
      </tr>
    </table>
    <p>Bonjour,</p>
    <p class="texte">je me pr&eacute;sente, Isabelle Simard intervenante au CSM l'ArrimAge depuis maintenant 6 ans. Je suis responsable du centre de jour 'Brise d'espoir' service int&eacute;ressant et amusant qui permet &agrave; bon nombre de personnes de venir socialiser. Je suis &eacute;galement responsable d'un service d'aide au transport et des ateliers offerts aux parents d'enfants ayant un d&eacute;ficit de l'attention ou d'hyperactivit&eacute;. Ce service est grandement appr&eacute;ci&eacute; puisqu'il informe et outille les familles. </p>
    <p class="texte">Osez pr&eacute;senter une partie de notre personnalit&eacute; n'est pas toujours chose facile. De nature expressive, &eacute;nergique, impliqu&eacute;e et cr&eacute;ative le centre m'a permis d'exploiter certaines capacit&eacute;s mais &eacute;galement permis au fil des ans de me d&eacute;passer et de r&eacute;aliser &agrave; quel point j'ai vis&eacute;e juste en choisissant ce m&eacute;tier !</p>
    <p class="texte">Au plaisir de vous accueillir  ! </p>
    <p class="texte">&nbsp;</p>
    <table width="77%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td><img src="images/logo arrimage.jpg" alt="logo" width="144" height="108" /><span class="texte"><a name="centre" id="centre"></a> <a href="mailto:arrimage@destination.ca"><span class="Style2">arrimage@destination.ca</span></a></span></td>
      </tr>
    </table>
    <p class="texte">Pour toutes questions g&eacute;n&eacute;rales, concerant le centre et ces activit&eacute;s, vous pouvez nous rejoindre du lundi au jeudi de 8h &agrave; 12h et de 1h &agrave; 16h45. L'horaire du vendredi est de 8h &agrave; 12h. </p>
    <p class="texte">Vous pouvez nous rejoindre soit par : </p>
    <ul>
      <li class="texte"> t&eacute;l&eacute;phone :418.276.6498</li>
      <li class="texte"> t&eacute;l&eacute;copieur : 418.276.8889 </li>
      <li class="texte"> courriel : arrimage@destination.ca </li>
    </ul>
    <p class="texte">Le centre l'ArrimAge est l&agrave; pour aider et c'est un honneur pour nous de pouvoir le faire. Alors soyez confiant que toutes questions seront trait&eacute;es avec grand respect, humanit&eacute; et professionnalisme par l'une ou l'autre de nos excellentes iintervenantes. </p>
    <p class="texte">&nbsp;</p>
    <p class="texte">&nbsp;</p>
    <p class="petit_titre"><strong><em><a name="benevoles" id="benevoles"></a>Les b&eacute;n&eacute;voles</em></strong></p>
    <p class="texte">Le centre compte seize b&eacute;n&eacute;voles.&nbsp;  De ce nombre, sept font partie de l&rsquo;aide au transport, sept si&egrave;gent sur  le conseil d&rsquo;administration, un fait du b&eacute;n&eacute;volat au centre de jour et le  dernier est responsable d&rsquo;un groupe d&rsquo;entraide.&nbsp;  Nous aurions besoin d&rsquo;un plus grand nombre de b&eacute;n&eacute;voles pour le service  d&rsquo;aide au transport et pour les groupes d&rsquo;entraide.</p>
    <p class="texte">Des formations et activit&eacute;s sociales sont offertes &agrave; nos b&eacute;n&eacute;voles.&nbsp; Des formations sont &eacute;t&eacute; donn&eacute;es avec des th&egrave;mes vari&eacute;s exemples &nbsp;: &laquo;La pr&eacute;vention du suicide&raquo; ou &laquo;Le  perfectionnement en accompagnement-transport&raquo;. Un intervenant du centre est responsable des  formations et activit&eacute;s sociales offertes aux b&eacute;n&eacute;voles.</p>
    <p class="petit_titre"><strong><em><a name="conseil" id="conseil"></a>Le conseil d&rsquo;administration</em></strong></p>
    <p class="texte">Lors de l&rsquo;assembl&eacute;e g&eacute;n&eacute;rale annuelle 2005, tous les postes  d&rsquo;administrateurs ont &eacute;t&eacute; combl&eacute;s.&nbsp; Notre  conseil d&rsquo;administration est compos&eacute; de 7 administrateurs.&nbsp; Les si&egrave;ges se d&eacute;finissent comme suit&nbsp;: 2  si&egrave;ges sont r&eacute;serv&eacute;s exclusivement &agrave; la client&egrave;le recevant des services, 3  si&egrave;ges doivent obligatoirement &ecirc;tre combl&eacute;s par des membres actifs ne recevant  pas de services et 2 si&egrave;ges peuvent &ecirc;tre combl&eacute;s par tout membre actif de  l&rsquo;organisme.&nbsp; Le directeur est d&rsquo;office  sur le conseil d&rsquo;administration mais sans droit de vote.&nbsp; </p>
    <span class="texte">Au cours de l&rsquo;ann&eacute;e, les  administrateurs ont tenu 8 r&eacute;unions r&eacute;guli&egrave;res et 3 r&eacute;unions sp&eacute;ciales.&nbsp; Deux activit&eacute;s sociales ont &eacute;galement eu lieu  avec les employ&eacute;s </span>
    <p class="texte">&nbsp;</p>
    <p>&nbsp;</p>
    <!-- InstanceEndEditable --></div>
       <div id="navbar">
         <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase=  "http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="547"   height="24" title="barre_navigation">
         <param name="movie" value="images/menu.swf" />
         <param name="quality" value="high" />
         <embed src="images/menu.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="547" height="24"></embed>
    </object>
  </div>
  
  
  <div id="boutonindex">
    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="95" height="24" title="index">
      <param name="movie" value="images/bouton%20index.swf" />
      <param name="quality" value="high" />
      <embed src="images/bouton%20index.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="95" height="24"></embed>
    </object>
  </div>
  <div id="compteur">
  <script type="text/javascript" src="http://www.abcompteur.com/cpt/?code=6/48/6254/3/1&ID=122043"></script></div>
  <div id="tablo"><!-- InstanceBeginEditable name="tableau" -->
    <table width="100%" height="120" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td height ="40" class="opa"><a href="#personnel" target="_self" >Le personnel </a> </td>
      </tr>
      <tr>
        <td height ="40" class="opa"><a href="#benevoles" target="_self" >Les b&eacute;n&eacute;voles </a></td>
      </tr>
      <tr>
        <td height ="40" class="opa"><a href="#conseil" target="_self" >Le C.A. </a></td>
      </tr>
     
    </table>
  <!-- InstanceEndEditable --></div>
  <img src="images/bloc%20centre.jpg" /></div>
</body>
<!-- InstanceEnd --></html>


Espérons que les modérateurs avaient vu juste dans le prédiction de résolution...

Merci encore, et peut-être pourrais-je t'aider avec toshop ?

Astala+[/i]
Modérateur
euh... Il y a comme un petit soucis... Il est où le menu ? Smiley lol Parce que là, comme ça, je ne le trouve pas dans ton code... Smiley biggrin
Allo !
hihihi ! C'est un peu le bordel, je devrai tâcher d'être plus clair ne serait-ce que pour m'y retrouver...

Le menu est: tablo.

Voici le code de la feuille de style rattachée:
/* CSS Document */

body {
	margin:0;
	padding:0;/* pour annuler les marges */
	height:100%;
	overflow:hidden;
	background-color:#d6b05b;
	background-repeat:no-repeat;
}
	html {
	height:100%;
	overflow:hidden;
	}
	
	a:link {
color:#FFCC66;
text-decoration:none;
	}
#bloc {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 658px;
	height: 498px;
	margin-top: -249px;
	margin-left: -329px;
	z-index: 1;
}
#bloclosanges {
	position:absolute;
	left:8px;
	top:117px;
	width:31px;
	height:233px;
	z-index:3;
	filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8;
}
.texte {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000066;
	line-height: 1.8em;
}
#liens {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	line-height: 23px;
	font-weight: bold;
	color: #B8AAD5;
	position:absolute;
	left:432px;
	top:336px;
	width:84px;
	height:236px;
	z-index:3;
}
td.opa {
	font-family: "Times New Roman", Times, serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #FFCC66;
	filter:alpha(opacity=50);
	opacity: 0.5;
	-moz-opacity:0.5;
	
}
#texte_scroll {
	position:absolute;
	padding-right:18px;
	left:147px;
	top:117px;
	width:483px;
	height:369px;
	overflow:auto;
	scrollbar-base-color :#9c743d;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333366;
	font-weight: normal;
	text-align: justify;
	z-index:3;
	line-height: 3em;
}
.titre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	font-variant: small-caps;
	color: #000000;
	text-align: right;
	clip: rect(auto,auto,auto,auto);
	border-top-width: 44px;
	border-right-width: 44px;
	border-bottom-width: 44px;
	border-left-width: 44px;
	font-style: italic;
}
#navbar {
	position:absolute;
	left:9px;
	top:84px;
	width:548px;
	height:24px;
	z-index:4;
}
#boutonindex {
	position:absolute;
	left:555px;
	top:84px;
	width:28px;
	height:18px;
	z-index:5;
}
#compteur {
	position:absolute;
	left:43px;
	top:462px;
	width:72px;
	height:16px;
	z-index:6;
}

/* faire un tableau était la seule façon que j'ai trouvé pour ne pas que l'énumération change de hauteur de ligne d'un navigateur à l'autre */
#tablo {
	position:absolute;
	left:44px;
	top:117px;
	width:87px;
	height:241px;
	z-index:7;
}
.sous_titre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	font-style: italic;
	padding-left: 20px;
}
.petit_titre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	text-align: left;
	line-height: 16px;
}


Merci encore !

Yannick Tremblay
Modérateur
Salut,

ben oué... c'est le bordel Smiley confus

Ton tableau semble bien inutile et surtout inadapté pour un menu...
Je vois deux classes .sous_titre et .petit_titre qui n'apparaissent pas dans la partie xhtml et puis, c'est tout à fait normal que le code que j'ai donné ne fonctionne pas vu qu'il doit cacher des éléments de liste (dd) et non d'une table...

En bref, j'ai beaucoup de mal à te suivre dans ta démarche car le code que tu donnes ne semble pas correspondre à ce que tu demandes Smiley sweatdrop
Modifié par koala64 (07 Nov 2006 - 10:17)
Arrrgh !
je me suis vraiment planté ! je t'ai donné le mauvais code ! (j'ai fait une page test pour ne pas briser ma page original et je t'ai envoyé l'originale...)

Humph.... Bon, alors voici le vrai code, sorry...

[code]<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegin template="/Templates/debase tableau.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>Qui sommes nous ?</title>
<!-- InstanceEndEditable -->
<style type="text/css">
<!--


-->
</style>
<!-- InstanceBeginEditable name="head" --><style type="text/css">
<!--

a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FFCC66;
}
a:hover {
	text-decoration: none;
	color: #FFFFFF;
}
a:active {
	text-decoration: none;
}
.Style1 {font-size: 12px}
-->
</style>
<style type="text/css">
<!--
.Style2 {color: #333366}
-->
</style>
<link href="css/menu_deroulant.css" rel="stylesheet" type="text/css" media="screen" />
<script type="text/javascript"><!--
/*cest lignes plus bas font en sorte que les sous-menu n'apparaissent pas au chargement de la page*/

document.write('<'+'style type="text/css" media="screen, projection"><!--');
document.write('dl#menu dd { display: none; }');
document.write('--><'+'/style>');

//--></script>



<script type="text/javascript">
<!--

/*("montre" vide) a pour effet de cacher tous les sous-menus dès le chargement du document.le menu doit rester utillisable, ce qui n'aurait pas été le cas si les sous-menus avaient été cachés par CSS.*/
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>
<!-- InstanceEndEditable -->
<!--[if lt IE 7]>
<script language="JavaScript">
function correctPNG() // correctly handle PNG transparency in Win IE 5.5 & 6.
{
   var arVersion = navigator.appVersion.split("MSIE")
   var version = parseFloat(arVersion[1])
   if ((version >= 5.5) && (document.body.filters)) 
   {
      for(var i=0; i<document.images.length; i++)
      {
         var img = document.images[i]
         var imgName = img.src.toUpperCase()
         if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
         {
            var imgID = (img.id) ? "id='" + img.id + "' " : ""
            var imgClass = (img.className) ? "class='" + img.className + "' " : ""
            var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
            var imgStyle = "display:inline-block;" + img.style.cssText 
            if (img.align == "left") imgStyle = "float:left;" + imgStyle
            if (img.align == "right") imgStyle = "float:right;" + imgStyle
            if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
            var strNewHTML = "<span " + imgID + imgClass + imgTitle
            + " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
            + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
            + "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>" 
            img.outerHTML = strNewHTML
            i = i-1
         }
      }
   }    
}
window.attachEvent("onload", correctPNG);
</script>
<![endif]-->
<link href="css/debase.css" rel="stylesheet" type="text/css" media="screen" />
</head>

<body background="images/fond_seul_large.jpg">
 <div id="bloc">
   <div id="bloclosanges"><!-- InstanceBeginEditable name="losange" --><img src="images/3_losanges.png" alt="3" width="36" height="242" /><!-- InstanceEndEditable --></div>
      <div id="texte_scroll"><!-- InstanceBeginEditable name="texte" -->
    <p class="titre"> <a name="personnel" id="personnel"></a>Le personnel </p>
    <p class="texte">
      
      <span class="texte">L’équipe de travail se compose de cinq travailleurs permanents et possède une moyenne d’ancienneté de 8 ans.   Les postes sont : </span></p>
    <p class="texte">-	Une directrice générale en la personne de Jos&eacute;e Dion; </p>
    <p class="texte">-	Une adjointe administrative au nom de Lisette Laforest; </p>
    <p class="texte">-	Trois intervenantes qui sont: &Eacute;milie Beaulieu, Manon Belley et Isabelle Simard.. </p>
    <table width="96%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td><div align="left">
            <p><img src="images/Josee.jpg" alt="josee" width="144" height="108" /><a name="josee" id="josee"></a> <a href="mailto:josee.dion@destination.ca"><span class="Style2">josee.dion@destination.ca</span></a></p>
          <p class="texte">Bonjour,</p>
          <p class="texte">je me nomme Jos&eacute;e Dion. En 1993, &agrave; la fin de mes &eacute;tudes en &eacute;ducation sp&eacute;cialis&eacute;e et psychologie, j'ai obtenu un emploi au Centre de Sant&eacute; Mentale l'ArrimAge. J'y travaillais comme intervenante au centre de jour et, &agrave; ce moment-l&agrave;, mon poste &eacute;tait sur appel. Apr&egrave;s quelques mois seulement, ma situation est devenue permanente.</p>
          <p class="texte">De fil en aiguille, mes t&acirc;ches ont chang&eacute;: du centre de jour, je me suis retrouv&eacute;e au volet socioprofessionnel et j'occupe maintenant le poste de directrice g&eacute;n&eacute;rale depuis f&eacute;vrier 2005. Mon parcours au sein de l'organisme m'a permis de conna&icirc;tre les diff&eacute;rentes difficult&eacute;s que peuvent rencontrer les gens qui fr&eacute;quentnet nos sevices.</p>
          <p class="texte">Je vous remercie de prendre le temps de visiter notre site, j'esp&egrave;re qu'il r&eacute;pondra &agrave; vos attentes. Si vous avez des questions, n'h&eacute;sitez pas &agrave; communiquer avec nous ou &agrave; venir nous rencontrer. Une &eacute;quipe d'exp&eacute;rience, dynamique et professionnelle, dont je suis fi&egrave;re de faire parite, vous y attend afin de vous offrir des services de qualit&eacute; et r&eacute;pondre &agrave; vos besoins dans la plus grnde cnfidentialit&eacute;. </p>
        </div></td>
      </tr>
    </table>
    <p>&nbsp;</p>
    <table width="79%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td><img src="images/Lisette.jpg" alt="lisette" width="144" height="108" /> <a name="lisette" id="lisette"></a></td>
      </tr>
    </table>
    <p class="texte">Mon nom est Lisette Laforest et j'occupe le poste d'adjointe administrative. Je travaille au C.S.M. l'ArrimAge depuis janvier 1996, donc bient&ocirc;t 11 ans.</p>
    <p class="texte">Je d&eacute;tiens un DEP en comptabilit&eacute; et secr&eacute;tariat que j'ai abtenu en janvier 1995 apr&egrave;s un retour aux &eacute;tudes. J'aime mon travail, car il va avec ma personnalit&eacute;, soit m&eacute;thodique et perfectionniste.</p>
    <p class="texte">Autre l'administration, je travaille &eacute;galement comme secr&eacute;taire et r&eacute;ceptionniste; alors si vous vous pr&eacute;sentez au centre, c'est moi qui vous accueillerai et , c'est avec plaisir que je vous dirigerai vers le service d&eacute;sir&eacute;.</p>
    <p class="texte">&nbsp;</p>
    <table width="94%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td><div align="left"><img src="images/emilie Beaulieau.jpg" alt="emilie" width="144" height="108" /><a name="emilie" id="emilie"></a><a href="mailto:arrimage.emilieb@destination.ca"><span class="Style2"> arrimage.emilieb@destination.ca</span></a></div></td>
        <td></p></td>
      </tr>
    </table>
    <p class="texte">Bonjour, </p>
    <p class="texte">je m'appelle &Eacute;milie Beaulieu et je suis intervenante au centre de sant&eacute; mentale l'ArrimAge depuis le mois de mars 2006. J'ai une formation en techniques d'&eacute;ducation sp&eacute;cialis&eacute;e.</p>
    <p class="texte">Au centre, je suis responsable du projet de pr&eacute;vention des troubles ancieux au travail. Je propose &agrave; diff&eacute;rentes entreprises, qui n'ont pas acc&egrave;s &agrave; un programme d'aide aux employ&eacute;s, des ateliers visant un mieux-&ecirc;tre dans leur vie professionnelle et personnelle.</p>
    <p class="texte">Je suis &eacute;galement responsable du volet suport aux familles, offrant du r&eacute;pit-d&eacute;pannage aux personnes atteintes d'un trouble de sant&eacute; mentale. ou &agrave; leurs proches.</p>
    <p class="texte">Je suis l'animatrice des groupes d'entraide &quot;Parents et Amis&quot;, s'adressant aux proches de la personn atteinte et &quot;La Cl&eacute;&quot;, s'adressant aux personnes aux prises avec des troubles de panique avec ou sans agoraphobie ou un trouble obsessionnel-compulsif.</p>
    <p class="texte">De plus, je travaille occasionnellement &agrave; l'Atelier du R&eacute;Emploi et au Centre de jour.</p>
    <p class="texte">Au plaisir de vous rencontrer dans l'un ou l'autre de ces services !</p>
    <p class="texte">&nbsp;</p>
    <p class="texte"><img src="images/Manon Belley.jpg" alt="manon" width="144" height="108" /><a name="manon" id="manon"></a><a href="mailto:arrimage.manonb@destination.ca "><span class="Style2"> arrimage.manonb@destination.ca </span></a></p>
    <p class="texte">Bonjour,</p>
    <p class="texte">Je me nomme Manon Belley et je travaille au Centre de Sant&eacute; Mentale l'ArrimAge depuis maintenant 6 ans. Je suis technicienne en travail social de formation.</p>
    <p class="texte">&Agrave; l'ArrimAge, je suis l'intervenante attitr&eacute;e &agrave; l'atelier du R&eacute;Emploi, atelier visant l'int&eacute;gration socioprofessionnelle des personnes ayant un probl&egrave;me de sant&eacute; mentale. Mon travail consiste, ent autres, &agrave; superviser, montrer les techniques de travail et supporter les participants dans le d&eacute;veloppement de leurs habilet&eacute;s reli&eacute;es &agrave; l'emploi.</p>
    <p class="texte">Je suis &eacute;galement responsable de sconf&eacute;rences pr&eacute;sent&eacute;es dan sle cadre du projet: &quot;Mille et un trucs pour &ecirc;tre bien dans sa peua&quot; aux centres d'&eacute;ducation aux adultes de notre secteur.</p>
    <p class="texte">Pour les personnes d&eacute;sirant rencontrer un intervenante afin d'am&eacute;liorer une situation v&eacute;cue au quotidien, je suis ddisponible pour effectuer des rencontres individuelles.</p>
    <p class="texte">Ces services correspondent &agrave; vos besoins ? Vous pouvez communiquer avec moi via mon courriel ou par t&eacute;l&eacute;phone au 418.276.7925 et ce sera pour moi un plaisir de vous r&eacute;pondre. </p>
    <p class="texte">&nbsp;</p>
    <table width="80%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td><img src="images/Isabelle Simard.jpg" alt="isabelle" width="144" height="108" /><a name="isabelle" id="isabelle"></a><a href="mailto:arrimage.isabelles@destination.ca"><span class="Style2"> arrimage.isabelles@destination.ca </span></a></td>
      </tr>
    </table>
    <p>Bonjour,</p>
    <p class="texte">je me pr&eacute;sente, Isabelle Simard intervenante au CSM l'ArrimAge depuis maintenant 6 ans. Je suis responsable du centre de jour 'Brise d'espoir' service int&eacute;ressant et amusant qui permet &agrave; bon nombre de personnes de venir socialiser. Je suis &eacute;galement responsable d'un service d'aide au transport et des ateliers offerts aux parents d'enfants ayant un d&eacute;ficit de l'attention ou d'hyperactivit&eacute;. Ce service est grandement appr&eacute;ci&eacute; puisqu'il informe et outille les familles. </p>
    <p class="texte">Osez pr&eacute;senter une partie de notre personnalit&eacute; n'est pas toujours chose facile. De nature expressive, &eacute;nergique, impliqu&eacute;e et cr&eacute;ative le centre m'a permis d'exploiter certaines capacit&eacute;s mais &eacute;galement permis au fil des ans de me d&eacute;passer et de r&eacute;aliser &agrave; quel point j'ai vis&eacute;e juste en choisissant ce m&eacute;tier !</p>
    <p class="texte">Au plaisir de vous accueillir  ! </p>
    <p class="texte">&nbsp;</p>
    <table width="77%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td><img src="images/logo arrimage.jpg" alt="logo" width="144" height="108" /><span class="texte"><a name="centre" id="centre"></a> <a href="mailto:arrimage@destination.ca"><span class="Style2">arrimage@destination.ca</span></a></span></td>
      </tr>
    </table>
    <p class="texte">Pour toutes questions g&eacute;n&eacute;rales, concerant le centre et ces activit&eacute;s, vous pouvez nous rejoindre du lundi au jeudi de 8h &agrave; 12h et de 1h &agrave; 16h45. L'horaire du vendredi est de 8h &agrave; 12h. </p>
    <p class="texte">Vous pouvez nous rejoindre soit par : </p>
    <ul>
      <li class="texte"> t&eacute;l&eacute;phone :418.276.6498</li>
      <li class="texte"> t&eacute;l&eacute;copieur : 418.276.8889 </li>
      <li class="texte"> courriel : arrimage@destination.ca </li>
    </ul>
    <p class="texte">Le centre l'ArrimAge est l&agrave; pour aider et c'est un honneur pour nous de pouvoir le faire. Alors soyez confiant que toutes questions seront trait&eacute;es avec grand respect, humanit&eacute; et professionnalisme par l'une ou l'autre de nos excellentes iintervenantes. </p>
    <p class="texte">&nbsp;</p>
    <p class="texte">&nbsp;</p>
    <p class="petit_titre"><strong><em><a name="benevoles" id="benevoles"></a>Les b&eacute;n&eacute;voles</em></strong></p>
    <p class="texte">Le centre compte seize b&eacute;n&eacute;voles.&nbsp;  De ce nombre, sept font partie de l&rsquo;aide au transport, sept si&egrave;gent sur  le conseil d&rsquo;administration, un fait du b&eacute;n&eacute;volat au centre de jour et le  dernier est responsable d&rsquo;un groupe d&rsquo;entraide.&nbsp;  Nous aurions besoin d&rsquo;un plus grand nombre de b&eacute;n&eacute;voles pour le service  d&rsquo;aide au transport et pour les groupes d&rsquo;entraide.</p>
    <p class="texte">Des formations et activit&eacute;s sociales sont offertes &agrave; nos b&eacute;n&eacute;voles.&nbsp; Des formations sont &eacute;t&eacute; donn&eacute;es avec des th&egrave;mes vari&eacute;s exemples &nbsp;: &laquo;La pr&eacute;vention du suicide&raquo; ou &laquo;Le  perfectionnement en accompagnement-transport&raquo;. Un intervenant du centre est responsable des  formations et activit&eacute;s sociales offertes aux b&eacute;n&eacute;voles.</p>
    <p class="petit_titre"><strong><em><a name="conseil" id="conseil"></a>Le conseil d&rsquo;administration</em></strong></p>
    <p class="texte">Lors de l&rsquo;assembl&eacute;e g&eacute;n&eacute;rale annuelle 2005, tous les postes  d&rsquo;administrateurs ont &eacute;t&eacute; combl&eacute;s.&nbsp; Notre  conseil d&rsquo;administration est compos&eacute; de 7 administrateurs.&nbsp; Les si&egrave;ges se d&eacute;finissent comme suit&nbsp;: 2  si&egrave;ges sont r&eacute;serv&eacute;s exclusivement &agrave; la client&egrave;le recevant des services, 3  si&egrave;ges doivent obligatoirement &ecirc;tre combl&eacute;s par des membres actifs ne recevant  pas de services et 2 si&egrave;ges peuvent &ecirc;tre combl&eacute;s par tout membre actif de  l&rsquo;organisme.&nbsp; Le directeur est d&rsquo;office  sur le conseil d&rsquo;administration mais sans droit de vote.&nbsp; </p>
    <span class="texte">Au cours de l&rsquo;ann&eacute;e, les  administrateurs ont tenu 8 r&eacute;unions r&eacute;guli&egrave;res et 3 r&eacute;unions sp&eacute;ciales.&nbsp; Deux activit&eacute;s sociales ont &eacute;galement eu lieu  avec les employ&eacute;s </span>
    <p class="texte">&nbsp;</p>
    <p>&nbsp;</p>
    <!-- InstanceEndEditable --></div>
       <div id="navbar">
         <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase=  "http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="547"   height="24" title="barre_navigation">
         <param name="movie" value="images/menu.swf" />
         <param name="quality" value="high" />
         <embed src="images/menu.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="547" height="24"></embed>
    </object>
  </div>
  
  
  <div id="boutonindex">
    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="95" height="24" title="index">
      <param name="movie" value="images/bouton%20index.swf" />
      <param name="quality" value="high" />
      <embed src="images/bouton%20index.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="95" height="24"></embed>
    </object>
  </div>
  <div id="compteur">
  <script type="text/javascript" src="http://www.abcompteur.com/cpt/?code=6/48/6254/3/1&ID=122043"></script></div>
  <div id="tablo"><!-- InstanceBeginEditable name="tableau" -->
   <dt onmouseover="javascript:montre('smenu1');"><a href="#personnel">Personnel</a></dt>
   <dd id="smenu1" onmouseover="javascript:montre('smenu1');" onmouseout="javascript:montre();">
				<ul>
					<li><a href="#josee">Josée</a></li>
					<li><a href="#lisette">Lisette</a></li>
					<li><a href="#emilie">Émilie</a></li>
					<li><a href="#manon">Manon</a></li>
					<li><a href="#isabelle">Isabelle</a></li>
				</ul>
	</dd>	
<dt><a href="#benevoles">Bénévoles</a></dt>
<dt><a href="#benevoles">C.A.</a></dt>
  <!-- InstanceEndEditable --></div>
  <img src="images/bloc%20centre.jpg" /></div>
</body>
<!-- InstanceEnd --></html>


P.S. la feuille de style attachée est bonne cepandant...

Milles excuses et merci pour ta patience.

Astala+
Yannick Tremblay.[/i]
Modérateur
Ah ! Je me disais aussi... Smiley ravi

Bon, je pense que ça devrait marcher en transformant :
dl#menu dd

en :
dl#tablo dd

dans mon petit bout de script et en remplaçant tes :
<div id="tablo">...</div>

par :
<dl id="tablo">...</dl>
dans ton code xhtml... Smiley smile
Oula ! Que c'est beau la compétence !

Milles mercis à toi Koala, j'espère bien qu'un jour je pourrai à mon tour te rendre service !

Astala+
Là le dossier est vraiment clos lol !

Yannick Tremblay.
J'ai un problème similaire malgrès la mise en place des techniques cité plus haut.


J'ai donc un menu déroulant horizontal (..) issue du tuto.

ce menu est afficher dans le corps de ma page via un include php qui se charge sur toute les page de mon site.

Lorsque j'utilise le menu sur l'index, tout ce déroule bien.

Lorsque j'utilise le menu sur une autre page lié, le "déroulage" reste cacher. ou reste dérouler sur toute les listes découlante.

De plus je tente de faire fonctionner une image mappable sur un <dt> sans succès est ce normal?
Image mappable> Oui c'est normale lorsque dans ton Css tu laisse des display: none;!

Le menu déroulant qui reste déroulé: toujours aucune idée.