Zoombox tout en bas de page

Résolu
Alexis Meroni -  
tryan44 Messages postés 1289 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,
Comme dis dans le titre j'ai bien config zoombox et j'en suis sur mais mon zoombox s'ouvre mais s'affiche tout en bas de la page : Allez testez sur http://shawery.com . Cliquez sur inscrit toi et voila zoombox s'ouvre mais tout en bas . Aidez moi s'il vous plait j'ai vraiment du boulot sa m'embête de bloquer sur sa

5 réponses

  1.
    Mihawk Messages postés 4753 Statut Contributeur 846
     
    Hello,

    Ta box de connexion est position relative donc elle s'affichera en fin de page.
    Ajoute dans ton CSS le bloc suivant : 

    div.zoombox_content {
    position: absolute;
    top: 0;
}


    Et dans le : 

    div {
    margin: 0;
    padding: 0;
    position: relative;
}


    Enlève la ligne "position :relative;"
    1
    1. Alexis
        
      Enlève la ligne "position :relative;"
      de ou ? du zoombox.css ? sinon merci pour l'aide je te +1
      0
    2. Mihawk Messages postés 4753 Statut Contributeur 846
       
      Le "div.zoombox_content" dans le CSS que tu veux normalement mais dans celui de la zoombox oui c'est mieux.
      L'autre bloc, celui sur les <div>, je ne sais pas où il se trouve, il faut le chercher dans le zoombox.css !
      0
    3. Alexis
       
      mais si j'enleve ce que tu as dis l'espace connection se met tout en haut mais le zoombox lui marche :x
      0
  2. tryan44 Messages postés 1289 Date d'inscription   Statut Membre Dernière intervention   220
     
    Il faut virer la position: relative; de : 
    div { padding: 0px; margin: 0px; position: relative; }

    Comme le formulaire se décale suite à cette manip., encadrez celui-ci par un div avec une class permettant de le repositionner.
    1
    1. Mihawk Messages postés 4753 Statut Contributeur 846
       
      C'est pas un peu ce que j'ai dis juste au dessus ? ^^
      0
    2. tryan44 Messages postés 1289 Date d'inscription   Statut Membre Dernière intervention   220
       
      Tout à fait :) mais comme il a l'air retissant et que ça semble codé à l'arrache, 2 explications valent mieux qu'une ^^.
      0
    3. Mihawk Messages postés 4753 Statut Contributeur 846
       
      Héhé :P
      0
  3. Mihawk Messages postés 4753 Statut Contributeur 846
     
    Ok alors on va jouer ça autrement.

    Remet les CSS comme ils étaient avant et dans ta page tu vas ajouter un attribut style à ton div de zoombox : 

    <div id="zoombox" class="zoombox" style="position:absolute; top:0;">

    Et là ça devrait marcher :)
    C'est un peu rude d'utiliser le style mais ça nous simplifie la vie ici.

    Mihawk
    "The Weapon of Choice"
    1
  4. Alexis
     
    Merci beaucoup vous 2 pour vos messages mais j'ai testé autrement . Et ca rendait mieu (JS Visibility) Allez voir si vous voullez . Désolé de vous avoir fait creuser la tete MDRR . Bonne journée.
    0

  5. Vous n’avez pas trouvé la réponse que vous recherchez ?

    Posez votre question
  6. tryan44 Messages postés 1289 Date d'inscription   Statut Membre Dernière intervention   220
     
    Sauf que là votre zoombox n'est pas centré et qu'il est impossible de la fermer autre qu'en re-cliquant sur le logo "inscris-toi"...

    ps: un formulaire ça se ferme (</form>)!
    0

Discussions similaires

tiret du bas
na -
Kahlan2016 -

14 réponses
Code source couleur de fond
Mehdi-Amg -
Techno01 -

9 réponses
Retour en arrière avec Pages sur Mac ?
alex 2510 -
emma.plv -

13 réponses