Hello,
I stumbled across this forum and there was a tonne of useful resources here - but alas neither these nor any google-fu have been able to help me answer my question.
The site in question can be viewed at; http://d1009662.myweb.iinethosting.net.au/mcfc/
I’ve got a simple Joomla based site, which has a dropdown menu which primarily runs on CSS. Forgive me at the moment, it’s a bit of a mess, but I’m absolutely stumped by a problem where it seems to always load:
.dj-main li.hover ul.dj-submenu li { Line 102 (http://d1009662.myweb.iinethosting.net.au/mcfc/templates/jm-template/css/djmenu_fx.css)
before it loads
.dj-main li.hover { Line 83 (http://d1009662.myweb.iinethosting.net.au/mcfc/templates/jm-template/css/djmenu_fx.css)
I’ve tried moving the elements around on the sheet, tried searching for depth, and other shenanigans, but I’m not sure how I can get the element on line 83 to take precedence over the element on line 102.
The ultimate goal is to simply have the bg image of the link a different color when hovered over (currently it refers to
[COLOR=black]background[/COLOR]: [COLOR=#770088]url[/COLOR][COLOR=#770088]([/COLOR]../[COLOR=#770088]images[/COLOR]/[COLOR=#770088]buttonbg_active[/COLOR].[COLOR=#770088]png[/COLOR][COLOR=#770088]) [/COLOR][COLOR=#770088]repeat-x [/COLOR][COLOR=#770088]right [/COLOR][COLOR=#770088]top[/COLOR];
and I want it to refer to
[COLOR=black]background[/COLOR]: [COLOR=#770088]url[/COLOR][COLOR=#770088]([/COLOR]../[COLOR=#770088]images[/COLOR]/[COLOR=#770088]buttonbg[/COLOR].[COLOR=#770088]png[/COLOR][COLOR=#770088]) [/COLOR][COLOR=#770088]repeat-x [/COLOR][COLOR=#770088]right [/COLOR][COLOR=#770088]top[/COLOR];
Any ideas? I’m pretty sure I’ve given enough info - I have a feeling i’m looking way too close at this and missing something in the bigger picture.
Thanks in advance.
Frosty
