Go Back   CodingForums.com > :: Client side development > HTML & CSS

Before you post, read our: Rules & Posting Guidelines

Reply
 
Thread Tools Rate Thread
Enjoy an ad free experience by logging in. Not a member yet? Register.
Old 10-20-2009, 10:48 AM   PM User | #1
actualidesign
New to the CF scene

 
Join Date: Oct 2009
Posts: 6
Thanks: 2
Thanked 0 Times in 0 Posts
actualidesign is an unknown quantity at this point
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!
actualidesign is offline   Reply With Quote
Old 10-20-2009, 11:04 AM   PM User | #2
SB65
Senior Coder

 
Join Date: Feb 2009
Location: West Yorkshire
Posts: 2,827
Thanks: 9
Thanked 685 Times in 679 Posts
SB65 will become famous soon enoughSB65 will become famous soon enough
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..
SB65 is offline   Reply With Quote
Old 10-20-2009, 11:29 AM   PM User | #3
actualidesign
New to the CF scene

 
Join Date: Oct 2009
Posts: 6
Thanks: 2
Thanked 0 Times in 0 Posts
actualidesign is an unknown quantity at this point
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/
actualidesign is offline   Reply With Quote
Old 10-20-2009, 11:36 AM   PM User | #4
abduraooft
Supreme Master coder!

 
abduraooft's Avatar
 
Join Date: Mar 2007
Location: N/A
Posts: 14,689
Thanks: 158
Thanked 2,184 Times in 2,171 Posts
abduraooft is just really niceabduraooft is just really niceabduraooft is just really niceabduraooft is just really niceabduraooft is just really nice
  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.
__________________
Quote:
The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)
abduraooft is offline   Reply With Quote
Users who have thanked abduraooft for this post:
actualidesign (10-20-2009)
Old 10-20-2009, 11:58 AM   PM User | #5
actualidesign
New to the CF scene

 
Join Date: Oct 2009
Posts: 6
Thanks: 2
Thanked 0 Times in 0 Posts
actualidesign is an unknown quantity at this point
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!
actualidesign is offline   Reply With Quote
Reply

Bookmarks

Tags
css, div id, form, html, text field

Jump To Top of Thread


Thread Tools
Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT +1. The time now is 07:03 AM.


Advertisement
Log in to turn off these ads.