IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

HTML Discussion :

Menu deroulant en dessous d'un doc PDF


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Juin 2007
    Messages
    57
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2007
    Messages : 57
    Par défaut Menu deroulant en dessous d'un doc PDF
    Bonjour,

    j'ai fait un menu déroulant qui fonctionne correctement sur toutes mes page sauf celles où j'affiche un document pdf, il se retrouve en dessous du document pdf et du coup le menu n'est pas complet et cela empèche la navigation.

    Mes pages fonctionnent avec des <Div> et du CSS.

    voici mon code :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
     
     
    <!-- Affichage Menu  Principal -->
    <Div id=MenuHeadCenter>	
        <?php Include "MenuPrincipal.php" ?>
    </Div>
     
    <!-- Affichage du contenu -->
    <Div id=ContentSMG>	
        <object data="Doc.pdf" type="application/pdf" width="100%" height="100%">
        </object>
    </Div>
    je trouve des infos pour les animations flash mais je n'arrive pas à les adapter à mon cas.

    Je vous remercie par avance.

  2. #2
    Membre chevronné
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Janvier 2005
    Messages
    357
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 63
    Localisation : Belgique

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : Conseil

    Informations forums :
    Inscription : Janvier 2005
    Messages : 357
    Par défaut
    Salut,
    tu veux bien nous montrer le CSS relatif à ce code stp ?

  3. #3
    Membre Expert
    Avatar de RomainVALERI
    Homme Profil pro
    POOête
    Inscrit en
    Avril 2008
    Messages
    2 652
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 49
    Localisation : France, Meurthe et Moselle (Lorraine)

    Informations professionnelles :
    Activité : POOête

    Informations forums :
    Inscription : Avril 2008
    Messages : 2 652
    Par défaut
    Pour gérer les recouvrements / superpositions, essaie déjà d'attribuer des propriétés z-index aux éléments litigieux, histoire de déterminer la "profondeur" toi-même... ça ne résoud pas toujours le problème car il existe certains éléments (par exemple les <select>) qui, dans certains navigateurs, ne respectent pas cette règle (vous avez vu j'ai pas dit "IE nous fait encore ch***" )

  4. #4
    Membre averti
    Profil pro
    Inscrit en
    Juin 2007
    Messages
    57
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2007
    Messages : 57
    Par défaut
    Bonjour,

    voici la partie de mon code CSS concerné :
    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
     
    #MenuHeadCenter
    {
    	Top : 2%; 
    	Left : 0%; 
    	Right : 0%;
    	Bottom : 0%;
    	Position : absolute; 
    	Width : 95%; 
    	Height : 30%;
    	Padding-right : 0%; 
    	Padding-Left : 0%;
    	Margin-right : 2%; 	
    	Margin-left : 2%; 	
    	Overflow : hidden;
    	z-index:2;
    }
    #ContentSMG
    {
    	Top : 20%;
    	Left : 0%;
    	Right : 0%;
    	Bottom : 0%; 
    	Position : absolute;
    	Width : 96%;
    	Height : 78%;
    	Padding-right : 0%; 	
    	Padding-Left : 0%; 
    	Margin-right : 2%; 
    	Margin-left : 2%; 	
    	overflow: auto;	
    	border: 2px solid;
    	z-index:0;	
    }
    Sinon j'ai tenté d'utiliser une iframe, là ça fonctionne, mais le problème maintenant et lors du rafraichissement, une partie de l'iframe masque le haut du document lors de la navigation sur le menu juque là c'est normal, mais après la navigation sur le menu il ne réapparait pas ! Ou alors lorsque l'on force le rafraichissement du navigateur (avec F5) alors l'iframe ne fonctionne plus !

  5. #5
    Membre chevronné
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Janvier 2005
    Messages
    357
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 63
    Localisation : Belgique

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : Conseil

    Informations forums :
    Inscription : Janvier 2005
    Messages : 357
    Par défaut
    Salut,
    J'ai un doute quant à la présence de majuscule pour les propriétés, je me demande si elle sont bien interprétées à cause de ça.

  6. #6
    Membre averti
    Profil pro
    Inscrit en
    Juin 2007
    Messages
    57
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2007
    Messages : 57
    Par défaut
    Dans le doute je viens de tester en mettant tout en minuscule et le problème reste le même.

Discussions similaires

  1. Probleme menu deroulant et frames
    Par rippoz dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 24/03/2005, 11h08
  2. [CSS-Javascript] Menu déroulant
    Par JeromeR dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 21/10/2004, 17h07
  3. [VBA-E] Barre d'outils et menu déroulants
    Par Tcmat dans le forum Macros et VBA Excel
    Réponses: 3
    Dernier message: 17/08/2004, 21h51
  4. [LG]Menu déroulant sous Pascal
    Par Apprenti Sorcier dans le forum Langage
    Réponses: 8
    Dernier message: 26/03/2004, 13h29

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo