I have searched for a long time to find out how to use CSS and mouseovers for my text/image buttons.
I need to know step by step, how to do this. I see where I put some code into every page I want it to work, and I need to save a CSS external style sheet, but do I put anything on that sheet?
When I insert my buttons for the mouseovers, do I just use the one button and it will show the other button when it is clicked on?
Can anyone explain this to me? I use tables still, but would love to use CSS, if it was easy.
thanks so much for anyone that can help me.

<img style="position:absolute; top:#px; left:#px;" src=offpic.gif onMouseover="src='onpic.gif '" onMouseout="src='offpic.gif'">

change onpic.gif and offpic.gif with ur pics.

hoping that this helps...

GreetZ Jeffrey

I should explain my question a little better. I just want to have either a verticle row or horizontal row of my custom buttons that you can mouseover and they change. What page do I put my buttons on that I want to have the mouseover effect? On my main web page or on the external style sheet page? If the latter, then where do I place them all? I'll have at least two buttons, one for in and out, or do I just put them in my image folder?
I'm not sure how to set up my external style sheet if that is the case. Plus what would be the path to my images?, such as http://www.mysite.com/images/button1.gif ?
Thanks for your help.