I did not want to have 8 different images, one for the depresse state of each button. I wanted to just change the backgrounds.

So, i created a transparent image and put that in as the src for each button. I also added image backgroudn color to the style like so
.button img
{
width: 108px;
height: 40px;
border: 0;
background-color: #48A6FE;

}

Now, with the clear image file, in the code behind using the click event for each button, I was able to set the background of the image to the appropriate 3rd color when clicked, and set the background of that button to the same 3rd color at the same time. At this time, i also reset all the other buttons to their ‘normal’ colors, light blue and dark blue as listed above.

Also, i wanted to change the color of the text when hovered, so i added a style

.button a:hover span
{
color: White;

}

Hope this helps someone!

Jon

btn_Event.Text = “$img src=” + “‘” + “image/button_deactive.GIF” + “‘” + ” /% $span%Events$/span%”;

Perhaps the wiki will let this through now.

Jon

Jon

btn_Event.Text = ” Events”;

Obviously, i have changed the ids, and the text to dispaly, but you get the idea. BTW, you have to be careful with the quotes. If you do not have the little sequence – + “‘” + – like i have, it thinks it is a line of code and wants a couple of ; . You have to concatenate this correctly. (I was asked how to do this in VB once back in 95 on a job interview at Microsoft. He gave me the book, and brought up the help screen then said he would be back in 15 or 20 minutes. I told him to wait while i wrote it on the board. He said most people could not concatenate the string properly and offered me the job!)

i want to figure out how to do this without images, just by setting backgroudn colors. That way i do not an image for each button in it’s ‘depressed” / “selected” state.

Good luck – let me know if you have a better way.

Jon

I have made an image that is the desired 3rd color, but I cannot not figure out how to address the image src in the code behind. In the btn_next_click event I tried setting the background color of the btn_next but that changed the color when I hovered over it. I finally figured out why. (a little slow)

But, how do I change the image displayed. I presume I need to do it in the same click event, but i cannot figure out how to address the image and set a new value for the src. It doesn’t like btn_next.img.src = “image/button_thirdColor”. It says it does not contain a definition for src.

Any help would be greatly appreciated.

Thanks
Jon

Nice and good example for beginner

But explain me also how to apply this in Asp.Net side

Thank You Christer V. Aas

But Really i said u done great work
Thanks you and keep continue

Er tilbake i Oslo 17. desember, og
skal ikke opp til Trondheim før nyttår. Så sees kanskje på kontoret i Oslo før jul.

Snakkes!