Simplest way to achieve rollover image effect? (Full Version)

All Forums >> [Web Development] >> Cascading Style Sheets and Accessibility



Message


Helevitia -> Simplest way to achieve rollover image effect? (10/17/2005 20:38:01)

I am really new to HTML and CSS, but I am trying to learn. I would appreciate it if someone could show me how to achieve a rollover effect that basically shows imageA and a rollover shows imageB.

It sounds easy, but I have scoured the web and there is nothing that simple. Everything talks about menus and lists, borders and blocks, etc....

How can I use CSS to accomplish this?

Here is a link to my page, so go easy on me please as I am very new to this.

http://www.hilliardhouse.net/indexcss.htm

BTW, I have tried all kinds of things to get it to work the way I want, but nothing seems to work. I literally just want to see imageA and then hover the mouse over imageA which then changes to imageB. Much appreciated for any help.

Thanks,
Dave




jaybee -> RE: Simplest way to achieve rollover image effect? (10/18/2005 5:47:04)

OK, the simplest way to do your menu with css is using a list. There is an example here. You can just copy the code and paste it where your menu is, change the nav names and the images.




Page: [1]

Valid CSS!




Forum Software © ASPPlayground.NET Advanced Edition 2.4.5 ANSI
0.046875