Ok, 3rd try at this problem.... Anyone??

I have done some checking:

http://www.scootervilleusa.com/Scooters/review.cfm?PID=2&Mode=Read

Should display a image/text and a breadcrumb underneath.....similar to:

http://www.scootervilleusa.com/Scooters/review.cfm?PID=25&Mode=Read

I'm confused as to why it works fine on the problem one:
http://www.scootervilleusa.com/Scooters/review.cfm?PID=2&Mode=Read when
I comment out the <div> that contains a custom 'breadcrumb'. Its the
same code as the one that works correctly......so where is the problem?
It also works fine on Firefox (with the <div> not commented out)

The problem just appears to be affecting this 1 product (as far as I can
tell), and in just 1 browser........

Any help from expert eyes is appreciated!

Thanks,
Steve

Any help from expert eyes is appreciated!

You have this:


<a href="../">Home</a><h3>>></h3>That's no good.If you want to use the quote
character to divide the crumbs, do this:<a
href="../">Home</a><h3>&rquo;</h3>And don't wrap that in a header. Header
tags are for headers. Not divider characters.-Darrel

Ack. No idea why my formatting went wonky.

You have this:

<a href="../">Home</a><h3>>></h3>

That's no good.If you want to use the quote character to divide the crumbs,
do this:

<a href="../">Home</a><h3>&rquo;</h3>

And don't wrap that in a header. Header tags are for headers. Not divider
characters.

-Darrel

So instead of using something along the lines of <h3>, what would you
suggest?

darrel wrote:

Ack. No idea why my formatting went wonky.

You have this:

a href="../">Home</a><h3>>></h3

That's no good.If you want to use the quote character to divide the crumbs,
do this:

a href="../">Home</a><h3>&rquo;</h3

And don't wrap that in a header. Header tags are for headers. Not divider
characters.

-Darrel

I appreciate the insight into the breadcrumb issue, but after fixing
that, the main problem of the image and text not appearing still
exists......


Why would this be?

darrel wrote:

Any help from expert eyes is appreciated!

You have this:


a href="../">Home</a><h3>>></h3>That's no good.If you want to use the quote
character to divide the crumbs, do this:<a
href="../">Home</a><h3>&rquo;</h3>And don't wrap that in a header. Header
tags are for headers. Not divider characters.-Darrel

So instead of using something along the lines of <h3>, what would you
suggest?

I'd probably make the breadcrumb navigation a nested list and the divider
character a background image attached via CSS.

But, the simple answer would be this:

<div id="breadcrumbnav">
<a href="">link</a><span>&rquo;</span>
<a href="">link</a><span>&rquo;</span>
<a href="">link</a>
</div>

-Darrel

I appreciate the insight into the breadcrumb issue, but after fixing that,
the main problem of the image and text not appearing still exists......

Why would this be?

For starters, validate the page:

http://validator.w3.org/check?verbose=1&uri=http%3A//www.scootervilleusa.com/Scooters/review.cfm%3FPID%3D2%26Mode%3DRead

Looks like you have a TR that is opened incorrectly, some DIVs that aren't
closed, and several IDs repeated on the page.

-Darrel