2 replies [Last post]
Drew David
Drew David's picture
Offline
newbie
Last seen: 8 years 27 weeks ago
Timezone: GMT-7
Joined: 2011-02-22
Posts: 6
Points: 9

Hi there, I have a weird problem with my menu - it seems to be creating off-centered text when the text string becomes longer than a certain limit.

http://drewclifton.com/clients/northern-computer/

Notice that the other buttons look fine; but 'Contact Us' is. There is too much code/too many style sheets that are linked to to post it all up (I had to get a third party plugin to add the menu where the old one was originally so it is adding more style sheets), but please "Inspect Elements" using Safari or Firefox Firebug or similar! Thanks Smile

I had to do this with images (the buttons) because I wasn't able to find a definitive way to make rounded corners work for all browsers using CSS alone! Frustrating!

I can't figure out how to fix it! Many thanks I really appreciate some help.

Drew

Deuce
Deuce's picture
Offline
Guru
Somewhere, USA
Last seen: 2 years 13 weeks ago
Somewhere, USA
Timezone: GMT-5
Joined: 2005-11-20
Posts: 4424
Points: 1843

Remove the padding

all » http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph

Deuce
Deuce's picture
Offline
Guru
Somewhere, USA
Last seen: 2 years 13 weeks ago
Somewhere, USA
Timezone: GMT-5
Joined: 2005-11-20
Posts: 4424
Points: 1843

Also, you would be better off

Also, you would be better off getting rid of the sprites for the menu, using CSS3 for the rounded corners and then you could have dynamic width list items which would allow you to keep the padding on the anchors to give it more room for the click event.
Then you can use something like CSS3Pie for IE6

all » http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph