Zoombox tout en bas de page

Résolu/Fermé
Alexis Meroni - 28 août 2012 à 11:13
tryan44 Messages postés 1288 Date d'inscription mardi 24 janvier 2012 Statut Membre Dernière intervention 26 octobre 2014 - 30 août 2012 à 12:23
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


A voir également:

5 réponses

Mihawk Messages postés 4315 Date d'inscription mercredi 29 mars 2006 Statut Contributeur Dernière intervention 6 janvier 2015 845
28 août 2012 à 15:17
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
Enlève la ligne "position :relative;" 
de ou ? du zoombox.css ? sinon merci pour l'aide je te +1
0
Mihawk Messages postés 4315 Date d'inscription mercredi 29 mars 2006 Statut Contributeur Dernière intervention 6 janvier 2015 845
28 août 2012 à 19:09
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
mais si j'enleve ce que tu as dis l'espace connection se met tout en haut mais le zoombox lui marche :x
0
tryan44 Messages postés 1288 Date d'inscription mardi 24 janvier 2012 Statut Membre Dernière intervention 26 octobre 2014 220
28 août 2012 à 21:19
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
Mihawk Messages postés 4315 Date d'inscription mercredi 29 mars 2006 Statut Contributeur Dernière intervention 6 janvier 2015 845
29 août 2012 à 09:03
C'est pas un peu ce que j'ai dis juste au dessus ? ^^
0
tryan44 Messages postés 1288 Date d'inscription mardi 24 janvier 2012 Statut Membre Dernière intervention 26 octobre 2014 220
29 août 2012 à 20:09
Tout à fait :) mais comme il a l'air retissant et que ça semble codé à l'arrache, 2 explications valent mieux qu'une ^^.
0
Mihawk Messages postés 4315 Date d'inscription mercredi 29 mars 2006 Statut Contributeur Dernière intervention 6 janvier 2015 845
30 août 2012 à 09:05
Héhé :P
0
Mihawk Messages postés 4315 Date d'inscription mercredi 29 mars 2006 Statut Contributeur Dernière intervention 6 janvier 2015 845
Modifié par Mihawk le 29/08/2012 à 09:08
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
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

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

Posez votre question
tryan44 Messages postés 1288 Date d'inscription mardi 24 janvier 2012 Statut Membre Dernière intervention 26 octobre 2014 220
30 août 2012 à 12:23
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