Sunday, November 27, 2005

CSS rollover buttons

CSS rollover buttons

CSS rollover buttons

There are many different button-rollover tutorials available on the web, some JavaScript and some CSS, but none of the ones I've seen yet match that of the Trifecta button. Let's start with what makes the CSS rollover Trifecta button different from the many other rollovers you may have already seen.

Trifecta is a betting term in which the bettor must pick the first three winners in the correct sequence - this CSS button has three key features that separate it from the rest and make it a winner. Let's have a look:

1 comment:

Anonymous said...

Hello there.

When using the trifecta rollover vertically, Internet Explorer is adding a 3px margin on top of it. I havent' been able to find where that margin ( or padding ) is coming from. I've changed every setting and reset every element's margin and padding to zero with no effect whatsoever. In firefox and Safari, the menu is totally aligned right below the element on top ( in this case an image ), but in IE, there always a 3px margin between the image and the menu.

Any ideas why ?