The code for this module doesn't seem to work..can someone please help?

I am working on a site
http://murraygrey.com.au/joomla

When you select the menu items underneath the image, which have icons...for Example, Members Forms and Calendar of Events...the links change depending on what page you are on.

This is very frustrating.

They are modules and the code for one of the modules is here:

<div class="featured-2 png"></div><span class="featured-header"><a href"http://murraygrey.com.au/joomla/index.php?option=com_content&view=article&id=81">Members Forms</a></span>

So the link I would expect is listed there.....but it doesn't happen!!

Can someone please shed some light as to how to fix this please.

LVL 11
Amanda WatsonWeb DeveloperAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

wickedpassionCommented:
Hi,

if I'm very much mistaken this is the Catalyst template or at the very least a highly modified version of it!

When you modified these modules did you have the WYSIWYG Editor turned off.

Tip:

With RT templates it is always best to turn the editor off especially when viewing a module for the first time as if any Java is contained within the code (the Advert 1 - Advert 4 modules do have Java in them!) the WYSIWYG will strip this code from the module!

I have used this template myself on a number of occasions and the icons that you are talking about should jump when you mouse over them. Generally when the jump effect does not occur it indicates that editing has occurred with WYSIWYG on!!

Lee

0
wickedpassionCommented:
Actually in hind site there doesn't appear to be anything wrong with the code!

Have you tried re-inserting some of the original info i.e.

<span class="featured-desc">We are the absolute best at what we do!</span>

And rather than link through anchor text use the image itself?

0
wickedpassionCommented:
Obviously you'll need to change the above to ''Members Forms''
0
The Ultimate Tool Kit for Technolgy Solution Provi

Broken down into practical pointers and step-by-step instructions, the IT Service Excellence Tool Kit delivers expert advice for technology solution providers. Get your free copy for valuable how-to assets including sample agreements, checklists, flowcharts, and more!

Amanda WatsonWeb DeveloperAuthor Commented:
Where would you link in the image?
0
Amanda WatsonWeb DeveloperAuthor Commented:
And also...I turned the animation off at this stage so the hover doesn't make the icons jump!
0
Amanda WatsonWeb DeveloperAuthor Commented:
Finally, yes I have also turned off the WYSIWYG editor which needed to be done to get the links in the text in the first place!  The icons are appearing based on the CSS, so I am not sure how to link the icons?
0
wickedpassionCommented:
see below:

Can you see the small difference!
<div class="featured-1 png"></div><a href="http://www.yoursite.com"><span class="featured-header">Why Use Us?</span><span class="featured-desc">We are the absolute best at what we do!</span></a>

Open in new window

0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
wickedpassionCommented:
When that's done you'll now notice that the text in those spans will now also have an underline when moused over (due to the link), so if you want to remove this behavior, add a text-decoration:

none to the #featured-mod a class in the template_css.css at approx line 752:

See below:


#featured-mod a {
   color: #fff;
        text-decoration: none;
}

Open in new window

0
Amanda WatsonWeb DeveloperAuthor Commented:
So was the very small difference:

<div class="featured-2 png"></div><span class="featured-header"><a href"http://murraygrey.com.au/joomla/index.php?option=com_content&view=article&id=81">Members Forms</a></span>

<div class="featured-2 png"></div><a href="http://murraygrey.com.au/joomla/index.php?option=com_content&view=article&id=81"><span class="featured-header">Member Forms</span></a>


Is where the featured-header tag is....was that it?/

It is working now!!

0
Amanda WatsonWeb DeveloperAuthor Commented:
Great response, very thorough!! Obviously knows what they are talking about A++
0
wickedpassionCommented:
Yes the positioning of the tag was the small difference!

Thanks for your closing comment snowball77!

Lee
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
Programming

From novice to tech pro — start learning today.