evo_spook Posted January 9, 2008 Share Posted January 9, 2008 I don't know if this can be done (suppose might be possible with javascript) I'm working on the navigation for my new site. I have a css rollover system, ACTIVE graphic, inactive, that on-rollover become ACTIVE. Now is there anyway, that if you are rolling over the other tabs, the active tab alters. It might be easier to explain if you see the example www.avenueshosting.co.uk at the moment, the only active tab is the HOME {bright red} the others are greyed out, but if I rollover them, they become bright red. Is there anyway possible when I am rollover these other tabs, the HOME tab changes?? Cheers Link to comment https://www.neowin.net/forum/topic/612401-css-hover-able-to-effect-another-idclass/ Share on other sites More sharing options...
0 lnmnky Posted January 9, 2008 Share Posted January 9, 2008 With script yes. It'd be very hacky to have it CSS only edit : infact I'm not going to describe it, too hacky. Javascript : Attach an event to each LI to reset all tabs to their inactive style. Then set the active one to look active. Link to comment https://www.neowin.net/forum/topic/612401-css-hover-able-to-effect-another-idclass/#findComment-589123609 Share on other sites More sharing options...
0 evo_spook Posted January 9, 2008 Author Share Posted January 9, 2008 I had a look at some javascript class changers. erm... half a page of code? something tells me its not that big of deal!!! css hacks??? well its already pretty much hacked!! not dared put it through a validator!! Link to comment https://www.neowin.net/forum/topic/612401-css-hover-able-to-effect-another-idclass/#findComment-589123800 Share on other sites More sharing options...
0 lnmnky Posted January 10, 2008 Share Posted January 10, 2008 It could be about half a page of code yeah. 1. Find an unobtrusive event attacher script. 2. Script a little function to turn all tabs, so they set to inactive 3. Script it to turn on which ever the "hovered" one is, to be active. 4. Attach it the LI tags Link to comment https://www.neowin.net/forum/topic/612401-css-hover-able-to-effect-another-idclass/#findComment-589125109 Share on other sites More sharing options...
Question
evo_spook
I don't know if this can be done (suppose might be possible with javascript)
I'm working on the navigation for my new site.
I have a css rollover system, ACTIVE graphic, inactive, that on-rollover become ACTIVE.
Now is there anyway, that if you are rolling over the other tabs, the active tab alters.
It might be easier to explain if you see the example
www.avenueshosting.co.uk
at the moment, the only active tab is the HOME {bright red}
the others are greyed out, but if I rollover them, they become bright red.
Is there anyway possible when I am rollover these other tabs, the HOME tab changes??
Cheers
Link to comment
https://www.neowin.net/forum/topic/612401-css-hover-able-to-effect-another-idclass/Share on other sites
3 answers to this question
Recommended Posts