State control of buttons through CSS - HTML & CSS - Scripting

Not logged in - Login | Register

Wow Web Designs Forums > Scripting > HTML & CSS > State control of buttons through CSS

State control of buttons through CSS

Moderated by: Aycan

New Topic

Author

Post

Scoutmaster Ralph
Member

Joined:	Tue Apr 20th, 2004
Location:
Posts:	1
Status:	Offline
Mana:

Posted: Wed Apr 21st, 2004 09:21 pm

Quote

I am trying to establish four different states for my buttons in a web app: normal, infocus, selected (called depressed), and inactive (grayed out). If you build the CSS code to place the button infocus with a mouseover, then give it a selected state, when the user tabs to the button it looks selected instead of infocus.

Very odd response. See the code used below. Any ideas?

#popprint a {
  display:block;
  width:50px;
  height:22px;
  background: url("images/print_popup_button.gif") top left no-repeat;
  text-decoration: none;

  }
#popprint a:hover
{
  width:50px;
  height:22px;
        background: url("images/print_popup_button_infocus.gif") no-repeat;
  }
#popprint a:active
{
  width:50px;
  height:22px;
  background: url("images/print_popup_button_depressed.gif") no-repeat;
  }

relaxzoolander
Super Moderator

Joined:	Sun Jan 25th, 2004
Location:	Columbus, Ohio USA
Posts:	459
Status:	Offline
Mana:

Posted: Fri Nov 5th, 2004 12:44 am

Quote

can you post the url?
thanks.

r|z
-------------------------------------------
moshbox print design

Last edited on Mon Jan 10th, 2005 02:15 am by relaxzoolander

Current time is 04:34 am