CSS and roll over buttons
- Started
- Last post
- 11 Responses
- polly_pocket
ok then.
I'm using Dreamweaver to do a small website. I'm trying to use CSS for all the items in the site (as recommended).How do I do a roll over button (with 2 images) with CSS... I can only seem to find it on the top menu bar. (Insert / image objects / rollover)
If that makes any sense to you then any help would be greatly appreciated.
Thanks in advance.
- tparsons0
Use one image and change the position for the rollover.
- brains0
see, the longer this goes on, the more detailed it gets.
- byDefault000
.button_name a{ width:000px; height:000px; background: url(../img/button_name.jpg) 0 0 no-repeat;}
.button_name a:hover{ background: url(../img/button_name.jpg) -185px 0 no-repeat;}
- <-----BattleAxe
- so, i do the CSS for the div that the button will sit in then add this code to the CSS sheet?polly_pocket
- tparsons0
Nav on left.
http://www.buzzsawstudios.com- I like the PureChild™ packaging on your site, man.era4O4
- polly_pocket0
thanks guys. much appreciated.
x
- moth0
I admire your perseverance, Polly.
- polly_pocket0
thanks. but perseverance / stupidity???
:)
- flashbender0
this should get you going in the right direction
- moth0
No no... not stupidity. Just most people give up learning by this point.
- polly_pocket0
cheers. its just in my spare time really. if I get a mo I'll look at it the website some more and come up with more questions and more things that I want to do... suppose its a good starting place to learn.
I'm going to go on a course soon. *thank god.