[XHTML 1.0] <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

Citation:

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.

31/08/2011, 13h27	#2
FirePrawn Modérateur Sébastien Ingénieur réalisateur Inscription : mars 2011 Messages : 776 Détails du profil Informations personnelles : Nom : Sébastien Âge : 24 Localisation : France, Haut Rhin (Alsace) Informations professionnelles : Activité : Ingénieur réalisateur Secteur : Industrie Informations forums : Inscription : mars 2011 Messages : 776 Points : 2 344 Points : 2 344	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. __________________ - Avant toute chose : lire le mode d'emploi du forum et ses règles. - avant de poster - Je ne réponds pas aux questions techniques en MP.
	00

31/08/2011, 13h37	#3
Kaamo Membre éclairé Cyril Ingénieur développement logiciels Inscription : avril 2007 Messages : 205 Détails du profil Informations personnelles : Nom : Cyril Localisation : France, Nord (Nord Pas de Calais) Informations professionnelles : Activité : Ingénieur développement logiciels Secteur : High Tech - Éditeur de logiciels Informations forums : Inscription : avril 2007 Messages : 205 Points : 367 Points : 367	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
	00

03/09/2011, 13h09	#5
MelkInarian Membre régulier Inscription : février 2007 Messages : 173 Détails du profil Informations forums : Inscription : février 2007 Messages : 173 Points : 73 Points : 73	z-index non reconnu par IE et Chrome 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
	00

05/09/2011, 09h48	#6
ramzi93 Invité de passage Inscription : mai 2010 Messages : 5 Détails du profil Informations forums : Inscription : mai 2010 Messages : 5 Points : 2 Points : 2	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.
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email