View Full Version : Showing an image inside content area of Accordion?

07-09-2010, 10:50 PM
Hi, I've create a jquery accordian using the code provided in the main accordian page. It all works brilliantly, except when I try to show an image that will link to another page, the image does not show.

For example, In one of the accordion content areas, the code shows:

<div> <h3><a href="#">How can I get a price quote?</a></h3> <div>Simply click on the button below to open up Power Image's all-inclusive Quick Quote tool, then follow the prompts to enter your style, color, ink colors, and quantity. <img src="images/quote.png" width="100" height="30">When you're done, click "Total" to see your all-inclusive price! Additionally, once you get a quote in the Design Center, your price quote updates live under your design as you create.</div> </div>

When clicking on the header to open the content however, the image does not show. I have checked the location of the image multiple times, and it is right. There isn't even a broken image that shows where the image should be. What code do I need to add to allow images to be inside the content area of accordions?

07-09-2010, 10:54 PM
Can you link us the page?

07-09-2010, 10:57 PM
Add an "alt" attribute to your img tag and see if that shows up.

07-10-2010, 06:37 AM
Here is the link to the page with this issue. The content area that I'm trying to place a linked image inside, is the one called, "How can I get a price quote?".


I tried typing in an alt attribute (I typed in alt="Hello")

It is still there so you can see what it looks like. It is like the word "Hello" is an image itself.

Hope this helps to solve this very odd mystery. Thanks!

07-10-2010, 04:33 PM
The word "hello" is being displayed because the image cannot be found. If you browse directly to that path, the website just reloads the main page (I assume you have something in your .htaccess file that redirects when there's a 404).

07-10-2010, 08:26 PM
Thanks, that was in fact the problem. It is working now!