7 replies [Last post]
Anonymous
Anonymous's picture
Guru
calgary,alberta
calgary,alberta

Good day to everyone! Just finished up a CSS Beveled Button menu that rocks! It has been tested on PC/MAC, IE5+, Opera and Moz. Works like a charm. Any feedback would be greatly appreciated.

http://www.gobcafunds.com/

pageoneresults
Offline
newbie
Orange CA USA
Last seen: 20 years 2 weeks ago
Orange CA USA
Timezone: GMT-7
Joined: 2003-05-18
Posts: 3
Points: 0

Not logged in...

For some reason, I was not logged in when I posted the above message. Sorry about that.

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 3 weeks 1 day ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5344
Points: 2965

CSS Beveled Button menu

Looks good, and works fine.

Tony

pageoneresults
Offline
newbie
Orange CA USA
Last seen: 20 years 2 weeks ago
Orange CA USA
Timezone: GMT-7
Joined: 2003-05-18
Posts: 3
Points: 0

CSS Beveled Button Effect

Thanks Tony! Did you check that on page link status? Yup, that is css too. I've decided to make the move from javascript rollovers to css rollovers if applicable. In this case, it worked out perfectly.

Sven
Sven's picture
Offline
Enthusiast
Brisbane, Australia
Last seen: 15 years 51 weeks ago
Brisbane, Australia
Timezone: GMT+10
Joined: 2003-03-12
Posts: 166
Points: 0

CSS Beveled Button Effect

That's a great looking site - nice colour scheme!

dbowne
Offline
Enthusiast
Washinton DC
Last seen: 20 years 1 week ago
Washinton DC
Joined: 2003-05-22
Posts: 53
Points: 0

Great work

CSS menu tested in NN7.0(PC), IE5.5(PC), Navigator 0.6 (mac), IE 5.2 (mac)

Works as expected in all of the above. Good work, very clean, simple construction on the menu. Additionally, nice site design. Looks good.

[added comment] -- one suggestion would be to remove the "•" bullets in the menu items and replace with the appropriate html entity

(& + bull + Wink

dbowne

jasonm
jasonm's picture
Offline
Regular
Calgary, Canada... eh!
Last seen: 20 years 4 weeks ago
Calgary, Canada... eh!
Timezone: GMT-7
Joined: 2003-05-07
Posts: 11
Points: 0

CSS Beveled Button Effect

I think you'll be happy to know, that at home I run Linux, and I checked your site on Mozilla Firebird 0.6, Galeon 1.3.4, Opera 7.11 Technology Preview 5 , and Konqueror 3.1.2.

They all work fine. Good job.

jasonm

There is nothing new under the sun . . .

pageoneresults
Offline
newbie
Orange CA USA
Last seen: 20 years 2 weeks ago
Orange CA USA
Timezone: GMT-7
Joined: 2003-05-18
Posts: 3
Points: 0

Thank You!

jasonm and dbowne, thank you for your feedback and the cross browser testing. It's nice to know that this works in all of those mentioned. I sort of take the stance that if it works in Opera, Moz and IE, it will most likely work everywhere else.

I'm now finalizing the horizontal version of these buttons. The CSS is a little different to get them to layout horizontally and be cross browser compatible. I think we are 99% there at this time.

In addition to working on those two CSS menus, we are also testing the Style Sheet Switcher from A List Apart. How cool is this...

CSS Tips

P.S. Forum admin, the above is a personal site that I just launched a few weeks ago. It is mainly a testing area for CSS Tips and Tricks. Of course we do link to CSS Creator as a thank you for the exposure! Wink