Flat text input boxes?

Justin S's picture

They have: 2,076 posts

Joined: Jun 1999

I have a question: you know how on some websites they have the "flat" text input boxes? You know, they don't look like they're "3D," but rather flat, and just lay on the page? Well I was wondering how you do that...

------------------
The fireburn.com Network:

  • fireburn.com [www.fireburn.com]
  • Flame Hosting [www.flamehosting.com]
  • Ineffable Designs [www.ineffabledesigns.com]
  • The Webmasters Portal [www.webmasters-portal.com]
  • Megan's picture

    She has: 11,421 posts

    Joined: Jun 1999

    Do you have a URL with an example? Flash does form boxes like that, but I've never heard of a way to do it with regular HTML.

    Justin S's picture

    They have: 2,076 posts

    Joined: Jun 1999

    No, I just saw a site but I can't remember what the address was. If I knew I would have looked at the source...

    ------------------
    The fireburn.com Network:

  • fireburn.com [www.fireburn.com]
  • Flame Hosting [www.flamehosting.com]
  • Ineffable Designs [www.ineffabledesigns.com]
  • The Webmasters Portal [www.webmasters-portal.com]
  • Justin S's picture

    They have: 2,076 posts

    Joined: Jun 1999

    Nevermind, I figured out how to do it...

    ------------------
    The fireburn.com Network:

  • fireburn.com [www.fireburn.com]
  • Flame Hosting [www.flamehosting.com]
  • Ineffable Designs [www.ineffabledesigns.com]
  • The Webmasters Portal [www.webmasters-portal.com]
  • They have: 268 posts

    Joined: May 1999

    So spill the beans Justin. How do you do it?

    ------------------
    My goal in life is found in Phillipians 4:8-9

    Ken Elliott's picture

    They have: 358 posts

    Joined: Jun 1999

    Geez, Justin. How you gonna leave us hangin' like that?

    They have: 231 posts

    Joined: Feb 2000

    You can see an example of this at www.phong.com in the discussion forums.

    It is not very hard to do, it is just a CSS attribute. I don't think it works in Netscape but I may be wrong.

    <style type="text/css">

    INPUT {
    border:1px solid black;
    }

    </style>

    ------------------
    Lloyd Hassell
    [email protected]
    http://go.to/hass

    :: Lloyd Hassell :: http://www14.brinkster.com/lloydh ::

    Jack Michaelson's picture

    He has: 1,733 posts

    Joined: Dec 1999

    There also an example on www.aspin.com in
    the upper right corner. Only IE though.

    Jack

    Vincent Puglia's picture

    They have: 634 posts

    Joined: Dec 1999

    Hi,

    If I remember right:
    IE 1 = flat; 0 = 3D
    NN yes = flat; no = 3D

    Then again, could be other way around.

    Vinny

    ------------------
    GrassBlade: cut&paste javascript

    Where the world once stood
    the blades of grass cut me still

    Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.