Rollover buttons

How do i create rollover buttons with html, or any other way of doing it. Thanks

There are many ways to do it and it'll be easier to explain if you can narrow down your question. For instance, are you looking to make them out of graphics, or (the better way) with CSS?

if CSS is easiest.. then css

This is really pretty easy Brookie, I'd suggest you Google css rollover or css link.

Basically, you just make a link with the <a> tag -- it can be a div so you can make a button -- and then add the link code to your stylesheet:

Code: Select all

#divid or .divclass a:link{style}
#divid etc.            a:visited{style}
#divid                  a:hover{style}
#divid                 a:active{style}

I always do all four, because several of them won't work unless another is also done. So if you want a white button with black text to turn red with white text when the cursor is over it, you'd just do background-color white and color black for a:link, and red with white for a:hover.

Anyway I would use Google to find a tutorial as there are other nuances.