Advanced Search

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?
    Eddy Proca
    I love Dropbox. Get it through my girlfriend's referral link (I reached my limit) and both you and her get 500 MB extra! Thanks and you're welcome!

  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!
    Eddy Proca
    I love Dropbox. Get it through my girlfriend's referral link (I reached my limit) and both you and her get 500 MB extra! Thanks and you're welcome!

  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!
    Eddy Proca
    I love Dropbox. Get it through my girlfriend's referral link (I reached my limit) and both you and her get 500 MB extra! Thanks and you're welcome!

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
  •