Archived

This topic is now archived and is closed to further replies.

  • 0

Content Box affecting Classic Nav


Question

Posted · Report post

Hi,

 

I am using the latest pagelines and wordpress.

 

I have the classic nav sat underneath a contentbox being used as a header on all child pages. If I put a url link into the contentbox i.e:

<a href="http://www.aldaf.org.au">
<img alt="ALDAF" src=" http://aldaf.org.au/wp-content/uploads/2013/05/Healthy_Culture_4.jpg">

It affects the look and functionality of the classic nav menu. See http://aldaf.org.au/about-us/ as an example

 

 

If I remove the link code

<img alt="ALDAF" src="http://aldaf.org.au/wp-content/uploads/2013/05/Innovation_In_Health_Education_V2.jpg">

 It works fine - see

 

 

Is there something I can add to the contentbox CSS to still have the header link back to the home page without it impacting on the menu?

 

 

 

Share this post


Link to post
Share on other sites

4 answers to this question

Posted · Report post

Hi,

 

Not <a /> but </a>

 

Not org.au"/> but  org.au" />

 

Not src=" http but src="http

 

Whenever adding or crafting custom HTML, it's best to use the "By direct input" tab here: http://validator.w3.org/

 

That will tell you if you have any errors in your code.

Share this post


Link to post
Share on other sites

Posted · Report post

Hi,

 

You failed to properly close the href.

 

This is what shows up as a result in viewing your site:

<div class="hentry-pad cb-standard-pad entry_content">
<img src=" http://aldaf.org.au/wp-content/uploads/2013/05/Healthy_Culture_4.jpg" alt="ALDAF">
<a href="http://www.aldaf.org.au"></a>
</div>
You see the href (link) is after the image, so the image itself is not linked.  I suspect that the browser threw the </a> in there, as you didn't add it before in your paste. 
 
Without a closing </a>, the link remains open. 
 
It finds an opportunity in the first menu tab beginning with A and continues there. If you inspect that, there's an invisible, unlabelled link to the same destination.   I'd recommend also, that at the end of your href, you close it not like this: "> but like this " />
 
See if that helps.

Share this post


Link to post
Share on other sites

Posted · Report post

Thanks so much Rob, that made great sense but still didn't work for me

 

This is what I have now

<a href="http://www.aldaf.org.au"/> <img alt="ALDAF" src=" http://aldaf.org.au/wp-content/uploads/2013/05/Healthy_Culture_4.jpg"> <a/>

umm any ideas, or am i still not entering it correct? 

Share this post


Link to post
Share on other sites

Posted · Report post

oh my goodness, just a few wrongs - ekk thanks so much for helping and that is a great tip re the validator, that is super useful - working perfect. Yippee.

 

You are a star

 

Lynz

Share this post


Link to post
Share on other sites