...

View Full Version : Text Field Refusing to accept Div ID



actualidesign
10-20-2009, 10:48 AM
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!

SB65
10-20-2009, 11:04 AM
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.

actualidesign
10-20-2009, 11:29 AM
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/

abduraooft
10-20-2009, 11:36 AM
Add a proper DOCTYPE (http://www.alistapart.com/articles/doctype/) at the top of your document
Validate your CSS using http://jigsaw.w3.org/css-validator/ and fix the errors in it.

actualidesign
10-20-2009, 11:58 AM
Add a proper DOCTYPE (http://www.alistapart.com/articles/doctype/) at the top of your document
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!



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum