aide pour positionement popup jquery

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : aide pour positionement popup jquery

Re: aide pour positionement popup jquery

par Aureusms » 06 janv. 2012, 14:38

ta boîte est positionnée en absolute (.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden;})
Si tu veux la mettre, vérifie dans la partie javascript (jQuery) la position top et left.
Peut-être un truc du genre mais je ne peux pas t'en dire plus avec un CSS...

Code : Tout sélectionner

//jQuery var positionLeft = "33px"; var positionTop = "100px"; $(this).live("click",function () { $('.ui-dialog').css({left: positionLeft, top: positionTop}).show("slow"); });

Re: aide pour positionement popup jquery

par juliette » 05 janv. 2012, 13:10

je comprend pas trop ta question, si ce que tu montre est le css de ton popup, tu as alors sous les yeux tout ce qu'il te faut pour le modifier je pense...

aide pour positionement popup jquery

par pacphil » 05 janv. 2012, 00:39

bonjour , voilà j'ai besoin d'une petite aide pour le déplacement et coloration et mise en forme du style css d'un popup jquery voici le code de base .
 * jQuery UI Dialog 1.8.17
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Dialog#theming
 */
.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden;}
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 0px 0 0 0;background-image:none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
Merci d'avance svp ajouter le commentaire