-
form fields css problem
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
Code:
.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;
}
Code:
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;
}
Code:
<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>
-
I'm sorry but I don't understand what you are asking for, could you please try to explain it again?
-
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
-
I think the best solution for you would be Wufoo, 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/
Good luck!
-
:) 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
-
Let me google that for you.
Good luck!