Page 1 sur 1

aide pour positionement popup jquery

Posté : 05 janv. 2012, 00:39
par pacphil
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

Re: aide pour positionement popup jquery

Posté : 05 janv. 2012, 13:10
par juliette
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...

Re: aide pour positionement popup jquery

Posté : 06 janv. 2012, 14:38
par Aureusms
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"); });