SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Guru
    Join Date
    Jun 2009
    Posts
    819
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)

    pls help with styling a button....


    so my client wants this slick look for the login form...
    (yes text boxes and submit button have to look the same......;-)

    but am having a hard time with submit button...
    I have examples of two forms here,
    http://mayacove.com/dev/misc/test_form_elems.html

    one with intput type="submit" and one with a <button>.....

    in both cases I can't get the submit button to have the same height as the text boxes (am giving these no height, and am hoping to not have to.. but even giving them a height, created problems, even more problems, actually... if I give them a height and take away all padding, the button is still not the same height as the text boxes.....:-( yikes....)

    thank you...


    PS: and this will be a lot of fun also, as am having a hard time with the font color for placeholder text in FF... this is just grand....;~))


  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,199
    Mentioned
    456 Post(s)
    Tagged
    8 Thread(s)
    Just adding margin: 0 to the button fixes it for me in Chrome.

    Having the same design for the inputs and the button is not a great idea, though, as it's confusing for users ... But, of course, if the clients want users to be confused and frustrated, then you have to give them what they want ... (or deserve) ...


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
  •