Hi,
i'm doing a registration form but it's not like what i want:
what i want is something like this:
[img]http://img207.imageshack.us/img207/2235/38696138.jpg[/img]
And i want to trade that instead of this one:
[img]http://img823.imageshack.us/img823/5059/78880268.jpg[/img]
I have the css code of the second one:
<style type="text/css">
body,html,div,blockquote,img,label,p,h1,h2,h3,h4,h5,h6,pre,ul,ol,li,dl,dt,dd,form,a,fieldset,input,th,td{border:0;outline:none;margin:0;padding:0;}
body{height:100%;background:#fff;color:#1f1f1f;font-family:Arial,Verdana,sans-serif;font-size:13px;padding:7px 0;}
ul, ol{list-style:none;}
/* Tutorial CSS */
/*Form styles*/
.styled {
font: 15px Arial, sans-serif;
width: 422px;
margin: 40px auto;
background: url(images/bg_form.png) no-repeat 0 0;
padding-top: 20px;
}
.styled fieldset {
background: url(images/bg_form.png) no-repeat 0 100%;
padding: 0 25px 20px 25px;
position: relative;
}
.styled fieldset h3 {
font: 24px bold Arial, sans-serif;
color: #555;
margin-bottom: 0.5em;
}
/* Form rows */
.styled fieldset li.form-row {
margin-bottom: 5px;
padding: 3px 0;
clear: both;
position: relative;
}
.styled label {
display: block;
font-weight: bold;
float: left;
width: 100px;
line-height: 24px;
padding-top: 4px;
color: #555;
}
.styled fieldset li.button-row {
margin-bottom: 0;
padding: 5px 0 0;
text-align: right;
}
.styled label.double {
padding-top: 0;
line-height: 20px;
margin-top: -3px;
}
/* Text input styles */
/* Default */
.styled input.text-input {
height: 22px;
width: 254px;
padding: 5px 8px;
background: url(images/bg_input.png) no-repeat 0 0;
border: none;
font: normal 15px Arial, sans-serif;
color: #333;
line-height: 1em;
}
/* Form Validation */
.styled span.error {
font: bold 11px Arial, sans-serif;
color:#fff;
text-shadow: 1px 1px 1px #000;
display: none;
background: url(images/arrow_error.png) no-repeat 0 center;
height: 11px;
padding: 7px 15px 10px 20px;
line-height: 1em;
position: absolute;
top: 3px;
right: 0;
border-right: 1px solid #6c0202;
}
.styled fieldset li.error input.text-input {
background-position: 0 -64px;
}
</style>
If someone could help me...!
Thank you,
PF2G