Results 1 to 6 of 6

Thread: form fields css problem

  1. #1
    Join Date
    Jan 2009
    Posts
    9
    Thanks
    0
    Thanked 0 Times in 0 Posts

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

  2. #2
    Join Date
    Oct 2008
    Location
    Sweden
    Posts
    2,023
    Thanks
    17
    Thanked 319 Times in 318 Posts
    Blog Entries
    3

    Default

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

  3. #3
    Join Date
    Jan 2009
    Posts
    9
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    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

  4. #4
    Join Date
    Oct 2008
    Location
    Sweden
    Posts
    2,023
    Thanks
    17
    Thanked 319 Times in 318 Posts
    Blog Entries
    3

    Default

    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!

  5. #5
    Join Date
    Jan 2009
    Posts
    9
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    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

  6. #6
    Join Date
    Oct 2008
    Location
    Sweden
    Posts
    2,023
    Thanks
    17
    Thanked 319 Times in 318 Posts
    Blog Entries
    3

    Default

    Let me google that for you.

    Good luck!

Tags for this Thread

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •