CSS page

[Lisa A]

If I want to have an external style sheet so I can make image rollovers, Do
I make the buttons on that sheet, then save it as a css file?
I've searched and searched and cannot find an easy step by step guide to
actually where to put what I need. I do know I need to put on the top of
each page, <style type="text/css">
I'm not sure of the correct path I need, since it is different from normal
url paths.
thanks,
Lisa a

 

[Ronx]

No.

You do not make image rollovers using CSS, you use JavaScript to swap
the images.
CSS can be used for text buttons - such as those at
http://css.maxdesign.com.au/listamatic/vertical12.htm

 

[Murray]

You do not make image rollovers using CSS, you use JavaScript to swap

the images.

Au contraire, monsieur Ronx.

Make a link. Use CSS to give it a background image. Make a CSS rule to
change the background image on hover. Bada bing, bada boom. A CSS
rollover. It's usually the only method I do anymore....

See for example this site's menu - http://www.redwoodfs.com
or this site's menu - http://www.savannahweddings.com

 

[Chris Leeds, MVP-FrontPage]

I was just going to say that..

the only thing is I've noticed that (in earlier attempts) there's a little
bit of lag for the new button and the browser seemed to download the image
with each "hover".

--
Chris Leeds,
Microsoft MVP-FrontPage

If you make web sites for other people, you should check out ContentSeed:
http://contentseed.com/
--

 

[Murray]

Yes - I have seen that....

 

[Bob Lehmann]

Murray's approach seems interesting enough. A really nice alternative to
JavaScript.

I was wondering about the image lag also, since there is no preloading of
the images done as there is a typical javaScript image swap. At first I
thought maybe the images would be loaded due to the reference in the
stylesheet, but apparently not.

Bob Lehmann

 

[Chris Leeds, MVP-FrontPage]

It's my favorite.

 

[Lisa A]

OK,
I've found this option in page properties under the advanced tab and made a
text rollover, but would like to change the background of the button cell on
rollover as well.
Here is my sample: http://www.quarterhorsenetwork.com/home1.htm
Can I do more with this fp option?

I have searched and looked at the CSS articles, and see samples to use, but
can't figure out where to put it all.
I found this site and love the rollovers on this page;
http://www.webdevtips.com/webdevtips/style/rolloverexamples.shtml and the
instructions on this page
http://www.webdevtips.com/webdevtips/style/rollover.shtml, but don't know
what path to use or where all this goes.
I'd love for someone to help me with the proper steps.
Lisa A

 

[p c]

Very good, Murray. My preference is to go with CSS. I will try that.