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!
<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!