2 replies [Last post]
Salan
Offline
newbie
Last seen: 16 years 18 weeks ago
Joined: 2004-08-02
Posts: 2
Points: 0

I try to make my links look like buttons by applying a "Btn" class. This works fine in Win IE but in Mac IE it spans the available width of the page and is only half the height. Can anyone help?

Here's my CSS.
A.Btn {height: 14px; font-size: 10px; font-weight: bold; letter-spacing: .04em; text-decoration:none; font-family: Verdana, Arial, helvetica, Sans-Serif; padding: 3px 8px 2px 9px; color: #000000; background-color:#d6d3ce; border-left: 1px solid #efefef; border-top: 1px solid #efefef; border-bottom: 2px solid #000000; border-right: 2px solid #000000; }

Thanks,
Salan

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 1 day 4 hours ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5343
Points: 2964

Anchor class appears flat and long in Mac IE

Hi Salan,
Try setting display to block and give the link a width and height value.

Hope that helps

Salan
Offline
newbie
Last seen: 16 years 18 weeks ago
Joined: 2004-08-02
Posts: 2
Points: 0

Anchor class appears flat and long in Mac IE

Thanks, I'll give that a try.

However, I use this class for "buttons" of a variety of widths. So it reduces the usefulness of the class to have a fixed width.

Is there any way of fixing the problem without specifying a width?