SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Addict
    Join Date
    Jan 2005
    Location
    Paris
    Posts
    370
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Input Button Height?

    Hello i would like to know if there is a way i can use to control the height (not width which is controlled by size) of an input (submit) button in an html form?
    On a PHP/Java/XML/Javascript/MySQL internship right now!

  2. #2
    He's No Good To Me Dead silver trophybronze trophy stymiee's Avatar
    Join Date
    Feb 2003
    Location
    Slave I
    Posts
    23,423
    Mentioned
    2 Post(s)
    Tagged
    1 Thread(s)
    Code:
    input
    {
        height: 20px; /* or whatever you want it to be */
    }

  3. #3
    CTO htmlguy's Avatar
    Join Date
    Feb 2005
    Location
    North Carolina
    Posts
    420
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I would use that or use <input type="image"> and have an image that makes that height.
    HTMLGuy

  4. #4
    SitePoint Addict
    Join Date
    Jan 2005
    Location
    Paris
    Posts
    370
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    when you do not specify a height, what settings does it use in FF and IE6+
    On a PHP/Java/XML/Javascript/MySQL internship right now!

  5. #5
    Guru Meditation Error gnarly's Avatar
    Join Date
    Dec 2003
    Location
    Cheltenham, United Kingdom
    Posts
    692
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    That depends ;-) It uses whatever the browser defaults happen to be. It's also dependent on font-size, and whether there is a user-stylesheet installed.

    IME you're probably better off setting padding on the element, rather than height. That way the text doesn't try to escape from the button when the user makes it taller than your specifed height.
    Olly Hodgson
    thinkdrastic.net


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
  •