How do you make a flat-looking button or text field?

B

Bruce W...1

How does one make a flat-looking button or text field? That is with no bevelled
edges, maybe just a thin line on the edge?

I know you can do it with Macromedia Flash but there must be other ways.

I know you could use an image button but this wouldn't have any client-side
behavior like hover or mouse down.

I have just about every cool software tool available. I'm just not sure of the
best angle to attack this problem.

Let me rephrase the question. What's the easiest way to make a flat-look button
that changes its appearance on mouseDown?

Thanks for your help.
 
D

DU

Bruce said:
How does one make a flat-looking button or text field? That is with no bevelled
edges, maybe just a thin line on the edge?

I know you can do it with Macromedia Flash but there must be other ways.

I know you could use an image button but this wouldn't have any client-side
behavior like hover or mouse down.

I have just about every cool software tool available. I'm just not sure of the
best angle to attack this problem.

Let me rephrase the question. What's the easiest way to make a flat-look button
that changes its appearance on mouseDown?

Thanks for your help.


Advanced interactive CSS button design page:
http://www10.brinkster.com/doctorunclear/HTMLJavascriptCSS/AdvancedCSSButtons.html

DU
--
Javascript and Browser bugs:
http://www10.brinkster.com/doctorunclear/
- Resources, help and tips for Netscape 7.x users and Composer
- Interactive demos on Popup windows, music (audio/midi) in Netscape 7.x
http://www10.brinkster.com/doctorunclear/Netscape7/Netscape7Section.html
 
B

Bruce W...1

DU said:
Advanced interactive CSS button design page:
http://www10.brinkster.com/doctorunclear/HTMLJavascriptCSS/AdvancedCSSButtons.html

DU
--
Javascript and Browser bugs:
http://www10.brinkster.com/doctorunclear/
- Resources, help and tips for Netscape 7.x users and Composer
- Interactive demos on Popup windows, music (audio/midi) in Netscape 7.x
http://www10.brinkster.com/doctorunclear/Netscape7/Netscape7Section.html
==================================================================

That's good. Thanks. Do it with CSS.

Bu t what about the client-side behavior on mouseDown?
 
D

David Dorward

Bruce said:
Bu t what about the client-side behavior on mouseDown?

input[type=submit] {
/* Normal Style */
}

input[type=submit]:active {
/* Style on mouse down */
}

Its a pity MSIE is so far behind the times. You'll need JavaScript to have
any effect there.
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Members online

No members online now.

Forum statistics

Threads
474,432
Messages
2,571,682
Members
48,796
Latest member
Greg L.

Latest Threads

Top