ok, it seems to have a bug with CSS #login_frame code
I correct it by surrounding that div with a new one that handle
login_frame div position and even apply effect on login_frame
On 10 sep, 11:44, BAMBOU713705 <[EMAIL PROTECTED]> wrote:
> Hello,
>
> I begin to work with JQuery and I try some effects on a form. I've got
> a form inside a <div> and I apply an effect on that div. Here is the
> code :
>
> <div id="login_frame">
> <img src="pix/lock.png" id="lock" width="32px" height="32px"/>
> <div style="margin:45 60 0 60; text-align:center;">
> <div>
> <div id="login_label">
> <p>Nom de l'utilisateur :</p>
> <p>Mot de passe :</p>
> </div>
> <div id="login_inputs">
> <p><input type="text" class="input_text" /></p>
> <p><input type="text" class="input_text" /></p>
> </div>
> </div>
> <div><input id="login_button" type="button" value="Connexion" /></div>
>
> <p style="clear:both;"><a id="login_forget" href="">Mot de
> passe oublié?</a></p>
> </div>
> </div>
>
> I apply effect on login_frame <div>
>
> CSS :
>
> #login_frame{
> display:none;
> width:400px;
> height:300px;
> position:absolute;
> top:50%;
> left:50%;
> margin-left:-200px;
> margin-top:-150px;
> background-image:url(pix/login_bg.png);
>
> }
>
> And Javascript :
>
> $(document).ready(function() {
> $("#login_frame").show("slide", {
> direction: "right",
> },1000);
> });
>
> In firefox (it is worst in IE), effect appear in the down-right
> quarter of the div, and when the effect end, the div is shown
> correctly.
> You can find pictures here :
>
> normal div :http://www.core1.free.fr/tmp/1.png
> During the effect :http://www.core1.free.fr/tmp/2.png
>
> thanks for your help
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"jQuery UI" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at
http://groups.google.com/group/jquery-ui?hl=en
-~----------~----~----~----~------~----~------~--~---
