Web Development

Ask something
Discussion Locked

Advantages of CSS buttons

0 helpful
10 replies

by maryweilage

Closed to new repliesThis discussion is closed. It stays readable, but it takes no new replies.

In this week's Design and Usability Tactics e-newsletter, the author examines the disadvantages of traditional rollover buttons and explores the advantages of CSS buttons.

What do you think of CSS buttons? Do you think they have a chance at becoming the new standard? Why or why not? Let us know whether you use CSS buttons in your development environment.

If you haven't subscribed to the Design and Usability Tactics TechMail, visit our e-newsletter subscription center to subscribe to this free e-newsletter:
http://nl.com.com/acct_mgmt.jsp?brand=builder

10 replies

by hagramer

Newbie here.

I am just starting out to building web pages with DreamWeaver4.0. But after reading this article maybe I should use something else? Can Dreamweaver MX do these CSS's?

From just this article and without building any pages I can tell that anything that speeds up the page load will become popular and possibly a standard. Why do in 100 lines of code, that which could be done in 20-30 lines!

How can I get started building these pages?

Thanks

by webmaster

All you need to use to make web pages is a text edit. Yes it maybe slower but it can be done. I personly still use notepad for most of my coding, but dreamweaver should work but I would get MX.

by hagramer

It seems that Dreamweaver MX is the only real developer's application out there to use. As fars as a 'complete' application is concerned.

by disseny

(sorry by my poor English)
I agree with you about advantatges on using CSS buttons instead of image rollovers. But I'm not sure that it works correctly in Mozilla. I have tryed it, and I see that this navigator don't respect the width measures.. isn't it?

Thanks.

by joethejet

I tried this with Netscape 7.1 and the borders don't show up around the "buttons" Anyone know how to make this work?

Works fine in IE.

Jet

by joethejet

I tried this with Netscape 7.1 and the borders don't show up around the "buttons" Anyone know how to make this work?

Works fine in IE.

Jet

by nickpixel

if you write valid css, they'll work in any standards-compliant browser like opera, mozilla, win/ie6, mac/ie5, safari, konqueror, etc.. they'll also work in almost standards-compliant browsers like win/ie5.x and ns6.

i use them on my site: www.pixel420.com

and i'm currently finishing up the conversion of a navbar / dropdown menu system to use no image tags and to degrade nicely in any non standards compliant web browser (from netscape 1 to your favorite pda to an all text browser). see it at www.pixel420.com/navtest/

by dgibson.net

I am consistently amazed at the poor quality articles (and fact checking) that comes out of this site. The most ameteur CSS user knows the order of link pseudoclasses (stick with link-visted-active-hover-focus) are important and that putting the :visited after the :hover will cause the hover effect to not show up on visited links in many browsers.

by webmonkeybuilder

May I recommend a few good articles from builder to get you started:

Ditch graphics-heavy pages: Create flexible CSS2 border effects
http://builder.com.com/5100-6371-1058859.html

Is CSS ready for prime time?
http://builder.com.com/5100-6371-5034976.html?tag=search

You can use any old text or code editor to get up and running, but if you like to use a template and customize that to your or your client's needs, I really like this Dreamweaver MX template Builder.com put out recently:

Download our site template and make the leap to XHTML and CSS2
http://builder.com.com/5100-6371-1058701.html

Best of luck to you!

by hagramer

So that is a vote for Dreamweaver MX.

I am only interested in building sites for myself. Yes, it would be educational to start with a plain old text editor and learn from the ground up. But, I am not looking for a job in webdev so any tool that gets the job done quickly is my interest. Not knowing what they really templates are about, they sound to save alot of time.

This discussion is closed to new replies.