troubleshooting Question

I need a HTML/CSS guru to please help me build 4 buttons in an html. The buttons must be styled differently for Normal, Mouseover, Mousedown (Click)

Avatar of Rebel_no_1
Rebel_no_1Flag for China asked on
CSSHTMLImages and PhotosDocument Imaging
20 Comments1 Solution563 ViewsLast Modified:
I have an HTML application (.hta) that contains four buttons. Three of these buttons contain only an icon and the fourth button contains text. I would like to use CSS to style these 4 buttons so that they effectively have three states:
State-1-Normal
State-2-Mouseover
State-3-Click
I have attached three images showing an example of what I'm roughly trying to achieve.

The four buttons is part of an .hta. I attach a sample of the working .hta with the best buttons I could muster by myself. Just extract the .zip to a folder, rename the Screen.txt to Screen.hta and run it. You will then get a good idea what the end product will look like. The buttons I built does not have a mouseover or mousedown(click) effect as I would like them to have. Basically I would like these buttons to behave and look like real buttons. I also built the whole button as an image but I would preferably just like to have a .png of the image and generate and style the remainder of the button with CSS/HTML code. (I believe that is the correct/best way of doing it?) The buttons need to be positioned with X and Y coordinates.

All the current code and images is inside the .zip. Be careful when you click the buttons as their function is to LogOff, Restart and PowerOff your PC. The fourth button does not currently have an action and it is ok if it just clicks but not perform an action.

This .hta have mostly been developed with help received from E-E and I am grateful for additional help as I  (we) build this further.
1-Normal-State.jpg
2-Mouse-Over.jpg
3-Click.jpg
IconsForFinalButtons.zip
ASKER CERTIFIED SOLUTION
Join our community to see this answer!
Unlock 1 Answer and 20 Comments.
Start Free Trial
Learn from the best

Network and collaborate with thousands of CTOs, CISOs, and IT Pros rooting for you and your success.

Andrew Hancock - VMware vExpert
See if this solution works for you by signing up for a 7 day free trial.
Unlock 1 Answer and 20 Comments.
Try for 7 days

”The time we save is the biggest benefit of E-E to our team. What could take multiple guys 2 hours or more each to find is accessed in around 15 minutes on Experts Exchange.

-Mike Kapnisakis, Warner Bros