<object> PDF cache le menu déroulant

**MelkInarian** · 31/08/2011, 13h21

Bonjour à toutes et à tous,
Dans une page WEB j'affiche un fichier PDF.
Mon problème et qu'il masque une partie du menu déroulant qui est juste au dessus.
Quelqu'un peut-il m'indiquer comment faire en sorte que le menu se déroule par dessus le PDF?
Merci

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
  <body>
    <div id="conteneur">
      <h1 id="header"><a href="Index.xhtml" title="Accueil"><span>Page
            d'accueil</span></a></h1>
      <div id="centrer">
        <!-- DEBUT du MENU -->
        <div id="menu">
          <ul>
            <li><a href="Liens.xhtml">Liens</a></li>
            <li onmouseover="montre('smenu3',true);" onmouseout="montre('smenu3',false);">
              <a href="#">Ressources</a>
              <ul id="smenu3">
                <li><a href="Ppppp.xhtml">Ppppp</a></li>
                <li><a href="Galerie.xhtml">Galerie</a></li>
                <li onmouseover="montre('smenu31',true);" onmouseout="montre('smenu31',false);"><a
                    href="#">Vidéo</a>
                  <ul id="smenu31">
                    <li><a href="Video01.xhtml">Video01</a></li>
                    <li><a href="#">...</a></li>
                    <li><a href="#">...</a></li>
                  </ul>
                </li>
              </ul>
            </li>
            <li><a href="Agenda.xhtml">Agenda</a></li>
            <li onmouseover="montre('smenu1',true);" onmouseout="montre('smenu1',false);"><a
                href="#">Evenements</a>
              <ul id="smenu1">
                <li onmouseover="montre('smenu11',true);" onmouseout="montre('smenu11',false);"><a
                    href="#">Rassemblements</a>
                  <ul id="smenu11">
                    <li><a href="RD2010.xhtml">Juin 2010</a></li>
                    <li><a href="RD2011.xhtml">Mai 2011</a></li>
                    <li><a href="#">2012</a></li>
                  </ul>
                </li>
                <li onmouseover="montre('smenu12',true);" onmouseout="montre('smenu12',false);"><a
                    href="#">Conseils</a>
                  <ul id="smenu12">
                    <li><a href="CD2010-09.xhtml">Septembre 2010</a></li>
                    <li><a href="CD2011-04.xhtml">Avril 2011</a></li>
                    <li><a href="CD2011-10.xhtml">Octobre 2011</a></li>
                  </ul>
                </li>
                <li onmouseover="montre('smenu13',true);" onmouseout="montre('smenu13',false);"><a
                    href="#">Enseignements</a>
                  <ul id="smenu13">
                    <li><a href="#">...</a></li>
                    <li><a href="#">...</a></li>
                    <li><a href="#">...</a></li>
                  </ul>
                </li>
                <li onmouseover="montre('smenu14',true);" onmouseout="montre('smenu14',false);"><a
                    href="#">Pl</a>
                  <ul id="smenu14">
                    <li><a href="Pele.xhtml">ND Sal</a></li>
                    <li><a href="#">...</a></li>
                    <li><a href="#">...</a></li>
                  </ul>
                  <!-- FIN du <ul id="smenu14"> --> </li>
                <!-- FIN du <li onmouseover="montre('smenu14',true);" onmouseout="montre('smenu14',false);"> -->
              </ul>
              <!-- FIN du <ul id="smenu1"> --> </li>
            <!-- FIN du <li onmouseover="montre('smenu1',true);" onmouseout="montre('smenu1',false);"> -->
          </ul>
          <!-- FIN du <ul> --> </div>
        <!-- FIN du <div id="menu"> -->
        <!-- FIN du MENU --> </div>
      <div id="contenu">
        <h2>Conseil .</h2>
        <object class="milieuPdf" data="Pdf/CD2011-10.pdf"></object>
        <p> </p>
      </div>
      <p>Date de mise à jour de cette page : 20 août 2011</p>
      <p><img src="Img/BasPage.jpg" alt="Bas de page" /><br />
      </p>
    </div>
  </body>

**FirePrawn** · 31/08/2011, 13h27

Bonjour,

Ca doit être une histoire de CSS. Mets une marge au dessus de ton div de contenu, ça ne devrait plus masquer ton menu.

**Kaamo** · 31/08/2011, 13h37

un ptit coup de z-index sinon ? Tu mets ton menu avec un z-index supérieur à la div qui contient le PDF est hop, ça devrait fonctionner

**MelkInarian** · 01/09/2011, 13h24

Envoyé par Kaamo

un ptit coup de z-index sinon ? Tu mets ton menu avec un z-index supérieur à la div qui contient le PDF est hop, ça devrait fonctionner

Nickel le z-index.
Mon problème est résolu.
Grand merci à tous les deux.

**MelkInarian** · 03/09/2011, 13h09

Mon navigateur est FireFox est avec lui çà marche bien.
Mais j'ai voulu tester avec IE et Chrome et malheureusement le problème persiste. Il semble que ces 2 navigateurs ne reconnaissent pas z-index.
Comment puis-je contourner cet obstacle?
Merci

**ramzi93** · 05/09/2011, 09h48

J' ai le meme problème avec une iframe, apparemment cela vient du plugin acrobat reader qui est prioritaire au menu.
Et meme avec "z-index", ca ne fonctionnne pas.
Si tu trouves une solution, tiens moi au courant.

<object> PDF cache le menu déroulant

HTML

Discussions similaires

Partager

Partager