CSS Help Needed

css multiple rollovers

[johnny190]

Hi guys,

I need some help from someone who knows CSS.

On my site, I have what looks like 1 button, but it actually consists of three things (2 images and 1 background):

1) left curve image (1a.jpg)
2) middle background (2a.jpg)
3) right curve image (3a.jpg)

Where the background is, I have text written (I.E. "Homepage" - which links to the homepage)

I want to use CSS, and make it so that when the user "hovers" over this text, the 2 images and 1 background rollover to different images simulatenously.

How can I go about doing this?

Thanks in advance.

[doodlebee]

Can you post code, please?

Are you just basically having a "tabbed menu" layout, where the buttons have rounded corners?

[johnny190]

Hi there.. thanks for replying. I dont have any code that does this, and am looking for a tutorial/example that shows this.

Yes I want the buttons to have rounded corners.

[edited by: DrDoc at 2:37 am (utc) on Mar. 19, 2006]
[edit reason] Removed URL -- See TOS [/edit]

[DrDoc]

I think you want to take a look at the Listamatic [css.maxdesign.com.au]. It is an excellent source for all sorts of nifty styled navigation.

You may also want to look into the "sliding doors" technique for tabs.