Re: Can't move that dialog box!

Discussion in 'HTML' started by Andy, Jun 21, 2010.

  1. Andy

    Andy Guest

    "JSoul" <> wrote in message
    news:...
    > I've got a site appearing here:
    >
    > http://www.boldplan.com/s/tiny/tRvebO
    >
    > It validates. But when you click the "login" link in the main menu, I
    > can't move that login box over to the left in the center of the page!
    > What gives?
    >
    > The css code affecting it is the following. I was wondering if someone
    > can give me some insight. Putting in a left: 300px; entry didn't help,
    > nor did making it relative. Changing the value for "top" did move the
    > box vertically but I can't move it horizontally! Can anyone lend a
    > hand please? :)
    >
    > /* login box*/
    > #login_pop{
    > position:absolute;
    > width:250px;
    > height:220px;
    > top:150px;
    > background:#151515;
    > color:#ccc;
    > text-align:left;
    > padding:10px;
    > border:1px solid #ccc;
    > z-index:1000;
    > }
    >



    Easy one, just cut the following and then paste it immediately below the
    <body> tag...

    <!-- login -->
    <div id="login_pop" style="display:none;">
    <form action="/index.php" method="post" name="login" id="form-login" >

    <label for="yjpop_username">Username</label><br />
    <input id="yjpop_username" type="text" name="username" class="inputbox"
    alt="username" size="18" /><br />
    <label for="yjpop_passwd">Password</label> <br />
    <input id="yjpop_passwd" type="password" name="passwd" class="inputbox"
    size="18" alt="password" /><br /><br />
    <label for="yjpop_remember">Remember Me</label>
    <input id="yjpop_remember" type="checkbox" name="remember" class="inputbox"
    value="yes" alt="Remember Me" /><br />
    <input type="submit" name="Submit" class="button" value="Login" />
    <input type="hidden" name="option" value="com_user" />
    <input type="hidden" name="task" value="login" />
    <input type="hidden" name="return" value="L2luZGV4LnBocA==" />
    <input type="hidden" name="374c2c966098fd33e60112f08fd7de8c" value="1"
    /></form>

    <a href="/component/user/remind">Forgot username?</a> | <a
    href="/component/user/reset">Password?</a><br />
    <a href="javascript:;" onclick="this.blur();showThem('login_pop');return
    true;" id="closeLogin">Close</a>
    </div>





    Hope this helps


    Andy
     
    Andy, Jun 21, 2010
    #1
    1. Advertising

Want to reply to this thread or ask your own question?

It takes just 2 minutes to sign up (and it's free!). Just click the sign up button to choose a username and then you can ask your own questions on the forum.
Similar Threads
  1. bienwell
    Replies:
    5
    Views:
    5,213
    bienwell
    Aug 13, 2006
  2. rf
    Replies:
    5
    Views:
    454
    dorayme
    Jun 22, 2010
  3. 123Jim
    Replies:
    4
    Views:
    890
    123Jim
    Jun 21, 2010
  4. dorayme
    Replies:
    1
    Views:
    419
    Jonathan N. Little
    Jun 21, 2010
  5. Eduardo78
    Replies:
    0
    Views:
    259
    Eduardo78
    Nov 3, 2005
Loading...

Share This Page