MENU DEPLIANT AVEC DREAMWEAVER

Résolu
Bonjour,

J'aimerais créer un menu dépliant. Comment faire? Je travaille avec Dreamweaver.
Voici un exemple de ce que je souhaiterais obtenir : https://www.logismarket.fr/emballage-conditionnement/1584601-ci.html

Merci pour votre aide.
Configuration: Windows XP
Internet Explorer 6.0

7 réponses

  1. pour incorporer ta page css tu met ce code
    <link rel="stylesheet" type="text/css"
    href="http://bormat2.free.fr/css/menu-css.css" media="all">

    mais tu remplaces mon lien de la page css par le tient dans ta page css tu met la même chose que sur ma page sauf que tu change les images et le tour est joué
    1. Contributeur
      1. Merci Ricky,

        Je vais regarder les sites que tu m'as envoyé!
      2. Je viens de regarder mais le premier m'intéresse mais comment fais tu pour avoir les codes html?
        Merci
      3. Contributeur
        @FRANCELISSAtu fais afficher le code source de la page

        avec Firefox tu vas dans affichage, code source de la page

        Avec IE tu vas dans page, afficher la source
      4. @math 2000Bonjour,

        Ton lien est intéressant mais en fait une fois que j'ai les codes html pour le menu dépliant ...Que dois faire? Créer une nouvelle page css? Comment l'incorporer dans ma page d'accueil?
        Merci pour vos réponses...
    2. Excuse moi mais dans IE où se trouve " page"? Dans fichier, édition, affichage, favoris ou outils?
      1. Contributeur
        je vois tu as IE6 alors tu vas le trouver dans affichage, code source
      2. Contributeur
        Au pire j'ai le fichier complet ici tu pourras aller voir tes messages privés :)
      3. @Ricky38Ok, j'ai trouvé je pense! Cela s'affiche en bloc-notes, c'est ça? Je copie à partir de <head> jusqu'où?...J'ai essayé de copier mais dans dreamwaver cela s'affiche à la verticale au lieu de l'horizontal???!!!
      4. @Ricky38je suis allée lire ton message, je n'ai pas vu les codes html. Est-ce que tu peux me les envoyer dans un prochain message? Merci.
    3. Bonjour,

      Je n'arrive toujours pas à insérer un menu déroulant. Si quelqu'un peut m'aider?Je copie ma page d'accueil et dites moi à quel endroit insérer les codes du menu déroulant. Merci d'avance.

      <!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">
      <!-- DW6 -->
      <head>
      <!-- Copyright 2005 Macromedia, Inc. All rights reserved. -->
      <title>Loisirs - Page d'accueil</title>
      <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
      <link rel="stylesheet" href="mm_entertainment.css" type="text/css" />
      </head>
      <body bgcolor="#14285f">
      <table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr bgcolor="02021e">
      <td width="400" colspan="4" rowspan="2" nowrap="nowrap"><img src="mm_entertainment_image.jpg" alt="Header image" width="400" height="140" border="0" /></td>
      <td width="360" height="58" nowrap="nowrap" colspan="3" id="logo" valign="bottom">EMPLACEMENT DU NOM DU SITE WEB</td>
      <td width="100%"> </td>
      </tr>
      <tr bgcolor="02021E">
      <td height="57" nowrap="nowrap" colspan="3" id="tagline" valign="top">Emplacement du slogan (facultatif)</td>

      <td width="100%"> </td>
      </tr>
      <tr>
      <td colspan="8" bgcolor="#cc3300"><img src="mm_spacer.gif" alt="" width="1" height="2" border="0" /></td>
      </tr>

      <tr>
      <td colspan="8"><img src="mm_spacer.gif" alt="" width="1" height="2" border="0" /></td>
      </tr>

      <tr>
      <td colspan="8" bgcolor="#cc3300"><img src="mm_spacer.gif" alt="" width="1" height="1" border="0" /></td>
      </tr>

      <tr>
      <td colspan="8"> <br />
       <br /> </td>
      </tr>
      <tr>
      <td width="155" valign="top" height="370">
      <table border="0" cellspacing="0" cellpadding="0" width="155" id="navigation">
      <tr>
      <td width="155" height="40"><a href="javascript:;">prochaines expositions</a></td>
      </tr>
      <tr>
      <td width="155" height="40"><a href="javascript:;">à propos de la société</a></td>
      </tr>
      <tr>
      <td width="155" height="40"><a href="javascript:;">situation géographique</a></td>
      </tr>
      <tr>
      <td width="155" height="40"><a href="javascript:;">archives photo</a></td>
      </tr>
      <tr>
      <td width="155" height="40"><a href="javascript:;">partenaires</a></td>
      </tr>
      <tr>
      <td width="155" height="40"><a href="javascript:;">CONTACT</a></td>
      </tr>
      </table></td>
      <td width="1" bgcolor="#445DA0"><img src="mm_spacer.gif" alt="" width="1" height="1" border="0" /></td>
      <td width="50"><img src="mm_spacer.gif" alt="" width="50" height="1" border="0" /></td>
      <td width="304" colspan="2" valign="top"><img src="mm_spacer.gif" alt="" width="304" height="1" border="0" /><br />
      <table border="0" cellspacing="0" cellpadding="0" width="304">
      <tr>
      <td height="41" class="pageName">Emplacement du message d'accueil</td>
      </tr>
      <tr>
      <td class="bodyText">Rapiebant me spectacula theatrica, plena imaginibus
      miseriarum mearum et fomitibus ignis mei. quis est, quod ibi homo
      vult dolere luctuosa et tragica, quae tamen pati ipse nollet? et tamen
      pati vult ex eis!

      <p><span class="subHeader">Emplacement du titre</span><br />
      Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam
      nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam
      erat, sed diam voluptua. At vero eos et accusam et justo duo dolores
      et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus
      est Lorem ipsum dolor sit amet. </p> </td>
      </tr>
      </table> </td>
      <td width="50"><img src="mm_spacer.gif" alt="" width="50" height="1" border="0" /></td>
      <td width="200" valign="top"><img src="mm_spacer.gif" alt="" width="1" height="10" border="0" /><br />
      <table border="0" cellspacing="0" cellpadding="0" width="200">
      <tr>
      <td colspan="3" id="sidebarHeader" class="sidebarHeader" align="center">A l'affiche cette semaine</td>
      </tr>

      <tr>
      <td width="45"><img src="mm_spacer.gif" alt="" width="40" height="1" border="0" /></td>
      <td width="110" id="sidebar" class="smallText">
      <p><img src="mm_entertainment_image1.jpg" alt="image 1" width="110" height="110" border="0" vspace="6" /><br />
      Lorem ipsum dolor sit amet consetetur.<br /> <a href="javascript:;">read more ></a></p>

      <p><img src="file:///C|/Program%20Files/Macromedia/Dreamweaver%208/Configuration/BuiltIn/StarterPages/mm_entertainment_image2.jpg" alt="image 2" width="110" height="110" border="0" vspace="6" /><br />
      Lorem ipsum dolor sit amet consetetur.<br />
      <a href="javascript:;">read more ></a><br /></p>
      <br />
       <br />
       <br />
       <br /> </td>
      <td width="45"> </td>
      </tr>
      </table>
      <br /> </td>
      <td width="100%"> </td>
      </tr>
      <tr>
      <td width="155"> </td>
      <td width="1"></td>
      <td width="50"> </td>
      <td width="194"> </td>
      <td width="110"> </td>
      <td width="50"> </td>
      <td width="200"> </td>
      <td width="100%"> </td>
      </tr>
      </table>
      </body>
      </html>
      1. Contributeur
        wowwww 9 mois après lol
        tu ne travaille pas souvent sur ton site :)
        1. ben déjà un menu déroulant il faudrait utiliser des balise li et aussi importer une page css que tu a créer
          1. Bonjour,

            Si je travaille sur mon site, mais c'est pour un nouveau site et puis cela m'avait trop pris la tete à l'époque et j'avais laissé tomber!!Donc je reviens à la charge.

            Donc d'aprés Math 2000 je dois créer une page css, ok! Et aprés qu'est ce que je fais? J'y colle les codes html donnés? Comment relier à la page principale?

            Merci d'avance pour votre aide.