aide pour positionement popup jquery

Eléphant du PHP | 257 Messages

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

Mammouth du PHP | 790 Messages

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...
Les fautes de grammaire et d'orthographe contenu dans mes postes sont sous copyright, vous pouvez les utiliser pour un usage personnelle mais vous ne devrez en aucun cas les utiliser a des fins commercial sans une autorisation écrite de ma part.

ViPHP
ViPHP | 1996 Messages

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"); });
It is nice to be important but it is more important to be nice
http://www.aureuswebfactory.fr