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 5 of 5
  1. #1
    New to the CF scene
    Join Date
    Oct 2009
    Posts
    6
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Text Field Refusing to accept Div ID

    I'm trying to incorporate and style a form on the site I'm coding, for email sign up. The issue is that the text field doesn't react to being given a Div ID with CSS properties assigned. What am I missing?

    <html>
    <head>
    <title>Actuali Design</title>


    <STYLE TYPE="text/css" MEDIA=screen>
    <!--

    body
    {
    background-image:url('http://www.actualidesign.com/Background-Tile.jpg');
    background-repeat:repeat-x;
    }

    #text {
    position: absolute;
    top: 164px;
    left: 35%;
    z-index:1;
    }


    #form {
    font-family:"Myriad Pro",Verdana,Arial,sans-serif}
    font-size:40px;
    position: absolute;
    top: 264px;
    width:170px;
    height:40px;
    z-index:2;
    }


    -->
    </STYLE>

    </head>

    <body>

    <center>

    <div id="text">
    <img src="http://www.actualidesign.com/Text.jpg">
    </div>

    <div id="form"><form method="post" action="http://www.emailmeform.com/fid.php?formid=454280" enctype="multipart/form-data" accept-charset="UTF-8">
    <input type="text" name="FieldData0"; class="textfield_effect">
    <input type="submit" class="textfield_effect" value="Submit" name="Submit"></form></div>

    </center>

    </body>
    </html>

    -----

    Any thoughts?

    Thanks!

  • #2
    Senior Coder
    Join Date
    Feb 2009
    Location
    Ilkley, West Yorkshire, UK
    Posts
    2,950
    Thanks
    9
    Thanked 724 Times in 718 Posts
    I'm not clear from your post what it is that isn't happening. Which properties on what element?

    And a link to your page would help.
    Last edited by SB65; 10-20-2009 at 11:08 AM.

  • #3
    New to the CF scene
    Join Date
    Oct 2009
    Posts
    6
    Thanks
    2
    Thanked 0 Times in 0 Posts
    The Div ID "form" is having no effect. Based on the CSS properties, it should be on top, be positioned lower, be a different size, etc.

    You can see what it's doing here: http://www.actualidesign.com/

  • #4
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,852
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    1. Add a proper DOCTYPE at the top of your document
    2. Validate your CSS using http://jigsaw.w3.org/css-validator/ and fix the errors in it.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • Users who have thanked abduraooft for this post:

    actualidesign (10-20-2009)

  • #5
    New to the CF scene
    Join Date
    Oct 2009
    Posts
    6
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by abduraooft View Post
    1. Add a proper DOCTYPE at the top of your document
    2. Validate your CSS using http://jigsaw.w3.org/css-validator/ and fix the errors in it.
    Ah, thanks! The validator caught a mistake in the CSS, where I typed a } instead of ;. Fixed!


  •  

    Tags for this Thread

    Posting Permissions

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