#1
  1. No Profile Picture
    Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jan 2004
    Posts
    37
    Rep Power
    11

    How to make a textbox input flat with css?


    How would I make a textbox flat with css? so that there is 1 solid black line around it?
  2. #2
  3. No Profile Picture
    Contributing User
    Devshed Intermediate (1500 - 1999 posts)

    Join Date
    Feb 2004
    Location
    Lawrence, Kansas [KU]
    Posts
    1,559
    Rep Power
    15
    Code:
    <html>
    
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
    <title>Flat TextBox</title>
    <style type="text/css">
    
    #YourTextBox {
    	border: 1px solid #000000; 
    }
    
    </style>
    </head>
    
    <body>
    
    <form >
    	<p>
    	<input type="text" name="YourTextBox" id="YourTextBox" size="20" style=""></p>
    	</form>
    
    </body>
    
    </html>
    hope it helps...
  4. #3
  5. Contributing (?) User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Mar 2004
    Location
    uk
    Posts
    462
    Rep Power
    11
    hi Dakinesoul

    as a follow on from jack ...
    http://www.thereddevil.net/examples/selectboxes.htm
    hope that helps... take care... ian
    feel free to email me... the cockney one...
    ian*at*thereddevil.net
  6. #4
  7. Sockless.net
    Devshed Newbie (0 - 499 posts)

    Join Date
    Feb 2004
    Location
    Purmerend, the Netherlands
    Posts
    33
    Rep Power
    11

    simple


    Give your textfield a class... like this:

    Code:
    <input type="text" value="" class="textfield">
    Then put this at top of your page:

    Code:
    <html>
       <head>
         <title>"your sitename"</title>
    <style type="css/text">
         .textfield {border-style:solid; border-color:#000000; border-width: 1px; background-color:white;}
    </style>
       </head>
    You can also make the background transparent.... simply make this change:

    Code:
    background-color: transparent;
    DWIGHT DEMMERS
    ------------------------------------------------------------
    SOCKLESS.NET IS GOING ABOUT EVERYTHING AND NOTHING!
    SOCK'S OF THE WORLD, UNITE!!!!

IMN logo majestic logo threadwatch logo seochat tools logo