Results 1 to 6 of 6

Thread: Form input and text area layout

  1. #1
    Join Date
    Oct 2006
    Posts
    92
    Thanks
    6
    Thanked 0 Times in 0 Posts

    Smile Form input and text area layout

    I was wondering how would I be able to get from a conventional input and textarea look into a dashed look something like


    Name
    -------
    | |
    -------

    I would think its sometin like

    form.input {
    decoation: dotted;
    }
    Last edited by Mehok; 11-11-2006 at 12:28 PM.

  2. #2
    Join Date
    Aug 2005
    Location
    Other Side of My Monitor
    Posts
    3,494
    Thanks
    5
    Thanked 105 Times in 104 Posts
    Blog Entries
    1

    Default

    text-decoration: none;
    font-weight: normal;
    color: 000000;
    border-top: 1px dotted;
    border-bottom: 1px dotted;
    border-color: 000000;


    Then just make sure you use that table or div correctly in your layout, depending on you tables and other classifications.
    {CWoT - Riddle } {Freelance Copywriter} {Learn to Write}
    Follow Me on Twitter: @InkingHubris
    PHP Code:
    $result mysql_query("SELECT finger FROM hand WHERE id=3");
    echo 
    $result

  3. #3
    Join Date
    Oct 2006
    Posts
    92
    Thanks
    6
    Thanked 0 Times in 0 Posts

    Default

    Quote Originally Posted by BLiZZaRD View Post
    text-decoration: none;
    font-weight: normal;
    color: 000000;
    border-top: 1px dotted;
    border-bottom: 1px dotted;
    border-color: 000000;


    Then just make sure you use that table or div correctly in your layout, depending on you tables and other classifications.
    i think this is for the whole form to have a border
    and not just the fields

  4. #4
    Join Date
    Jul 2006
    Location
    Antwerp, Belgium (Europe)
    Posts
    927
    Thanks
    121
    Thanked 2 Times in 2 Posts

    Default

    Like this:

    <INPUT TYPE=TEXT NAME="name" VALUE="your name" style="border:1px dotted #666666; width:190px">

  5. #5
    Join Date
    Jul 2006
    Location
    Antwerp, Belgium (Europe)
    Posts
    927
    Thanks
    121
    Thanked 2 Times in 2 Posts

    Default

    Or like this:

    <INPUT TYPE=TEXT NAME="name" VALUE="your name" style="border-top:1px dotted #666666; border-bottom:1px dotted #666666; border-left:0px; border-right:0px; width:190px">

  6. #6
    Join Date
    Oct 2006
    Posts
    92
    Thanks
    6
    Thanked 0 Times in 0 Posts

    Thumbs up

    thanks for your help the last code was a grate help so i thank you from the bottom of my hart

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
  •