...

View Full Version : floating image on forms



mojojons
01-20-2012, 01:27 AM
Hie I'm Newbie in CSS and Webdesigning what i want to do is to create a form like this one please show me the html and CSSbeen up all night please thank you ..

sunfighter
01-20-2012, 07:27 AM
Here's a start. To get the colors I use FireFox with Colorpicker add on.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>New document</title>
<meta name="generator" content="TSW WebCoder 2010" />
<style type="text/css">
.title
{
margin-left: 5px;
margin-right: 3px;
font-size: 16px;
float:left;
color: #806E60;
}
.ital
{
font-style:italic;
color: #999687;

}

input
{
float:left;
border: 0;
background-color: #EEECBB;
-moz-box-shadow: -1px 1px 0px #CECAAD;
-webkit-box-shadow: -1px 1px 0px #CECAAD;
box-shadow: -1px 1px 0px #CECAAD;

}
#big{
height: 20px;
}
</style>
</head>

<body style="background-color:#F1EEDF;color:#5B2D15;">

<h2>Leave Reply</h2>

<input id="big" type="text" name="mike" /><span class="title">Name</span><span class="ital">(required)</span><br />

</body>
</html>



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum