Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    New to the CF scene
    Join Date
    May 2010
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Thumbs up Form not staying centered in ap div tag?

    First off, I am no coding genius. I have learned all of this as I go. This is my third site I have ever made. I can read code and kinda figure out what it is doing. I can kinda write code in dreamweaver and it helps me figure out what I am doing wrong.

    I have an ap div tag and then a form tag inside of that. Then I have some php code inside that form. The form does not stay centered on the page. If you resize the page, the form does not move. I want the form to move with the page.

    Check it out...
    http://gctile.com/test/newpage/contact.php

    Also, how would I set the color of the text above each form box? CSS? or could I just do it in the html on the page?

    Thanks for the help.
    Last edited by SKIN; 05-07-2010 at 04:11 PM.

  • #2
    Regular Coder
    Join Date
    Mar 2010
    Location
    Orlando, FL
    Posts
    159
    Thanks
    4
    Thanked 8 Times in 8 Posts
    I am no coding master either but I think I may know what to do. According to your css file, the form has an absolute position 52 px from the left and 218 px from the top. As of right now, you're telling the form to be in that position. So, first off, if you want the form in the center of your page, delete "left: 52px;" from "#apDiv1." Then try wrapping <center></center> tags around your form. You can also try putting "margin-left:auto; margin-right:auto;" in your css file insode the "#apDiv1." Quick question, what is "#apDiv2" for?

  • #3
    New to the CF scene
    Join Date
    May 2010
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts
    #apDiv2 was an accident I guess. I will try your suggestion and post back.

  • #4
    New to the CF scene
    Join Date
    May 2010
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by wojo1086 View Post
    delete "left: 52px;" from "#apDiv1."
    That worked. Thanks wojo!


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •