By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
434,573 Members | 904 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 434,573 IT Pros & Developers. It's quick & easy.

Padding in faked buttons gives strange results

P: n/a
I was experimenting with buttons in HTML/CSS and encountered some strange
behaviour when changing the padding property setting in the stylesheet.
Maybe it's not a stylesheet issue, but since that's where changes made do
result in problems, it's where I'll start to understand what is wrong.

I have some hyperlinked text inside a box made to appear as a simple button.
When I try to add more padding to the box to make it larger, this works OK
when the padding is top or bottom. But when it is left or right, it gives
crazy results. For padding on the left, there is an equal amount also on
the right. For padding on the right, there is double that amount, all on
the right. Additionally, the sizing of the enclosing containers does not
account for the excess sizing (it does account for an amount that should
have been shown). It seems like a bug in Firefox (running here).

Here is the page that tells the whole story with examples and variations:

It also has hyperlinks for PNG images of my client for those who do not see
these effects on their own browser. CSS code is embedded in the HTML.

Anyone have an idea what is going on?

| Phil Howard KA9WGN | |
| (first name) at | |
May 7 '06 #1
Share this question for a faster answer!
Share on Google+

This discussion thread is closed

Replies have been disabled for this discussion.