Welcome to WebmasterWorld Guest from 23.20.147.6

Forum Moderators: incrediBILL

Message Too Old, No Replies

Resizing a Form button in Chrome

Text is off centre

     
3:02 am on May 25, 2010 (gmt 0)

New User

5+ Year Member

joined:Mar 21, 2010
posts: 5
votes: 0


If ever I try to resize a form button, the text goes off centre in Chrome and IE. In Firefox it looks fine.
Is there anyway to fix this?

[edited by: tedster at 4:48 am (utc) on May 25, 2010]

8:38 am on May 25, 2010 (gmt 0)

Senior Member

WebmasterWorld Senior Member kaled is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:Mar 2, 2003
posts:3710
votes: 0


The standard method to overcome problems of this sort is to add extra spaces at the start and end of the caption.

Kaled.
8:58 am on May 25, 2010 (gmt 0)

New User

5+ Year Member

joined:Mar 21, 2010
posts: 5
votes: 0


For starters, I'm trying to make it smaller. And second, even if I was trying to make it bigger, adding spaces would then break the centring in Firefox.

[edited by: tedster at 4:45 pm (utc) on May 25, 2010]

10:19 am on May 25, 2010 (gmt 0)

Senior Member

WebmasterWorld Senior Member kaled is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:Mar 2, 2003
posts:3710
votes: 0


For starters, you could have said you wanted to make the button smaller.
And second, adding spaces to both start and end of a caption should never break centering.

You could try playing with CSS but in my experience, interpretation when applied to controls such as buttons and edit boxes can vary significantly. Probably you should forget about this and move on to the next problem.

Kaled.