form fields css problem

[sti555]

hi,
i am using css in my web sites but my biggest problem is form fields,for example i try to symetric login panel with 2 input and submit buttons but i can't do it what i try to do.Can you write me simple example like this https://www.ok.net/login.php 's login panel

and i want to show my codes




.kadi sifre{
width: 180px;
height:18px;
border:none;
background-image: url('medidfa/inpback.jpg');
word-spacing:inherit;
margin-left:5px;

margin-top:5px;

padding-left:10px;
padding-top:3px;
font-family:"Calibri", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
font-size:14px;


}






btn {
background: #c00;
border:none;
color: #fff;
font-weight: bold;
background-image:url(media/green.gif);
background-color:#33CC00;
margin-left:100px;
width:80px;
height:20px;
margin-top:10px;

}




<form id="form1" name="form1" method="post" action="">

<br />
<label>Adınız:</label><br /><br />
<input type="text" class="kadi" name="ad"><br />
<br />
<label>Soyadınız:</label><br /><br />
<input type="text" class="sifre" name="soyad">
<br />
<br />
<input type="submit" class="btn" name="button" id="button" value="" />

</form>

[Snookerman]

I'm sorry but I don't understand what you are asking for, could you please try to explain it again?

[sti555]

ok i try again;
i am coding web pages and try to design them too.my problem i get harder when doing forms with css.In my first message i posted the a login form codes.it's a simple login which includes
username:
password:
submit button

my problem is aligning this fields .i want to align them like the ok.net/login.php
i hope so i could explain

[Snookerman]

I think the best solution for you would be Wufoo (http://wufoo.com/), it's great, it's easy and it's free. Here's a nice tutorial that explains how to use it:
http://css-tricks.com/video-screencasts/28-using-wufoo-for-web-forms/ (http://css-tricks.com/video-screencasts/28-using-wufoo-for-web-forms/)

Good luck!

[sti555]

:) i don't like to use free,i want to learn css art,may be you can give me a link which includes css form tutorial

[Snookerman]

Let me google (http://www.lmgtfy.com/?q=css+form+tutorials) that for you.

Good luck!