Somebody finally talked me into giving Opera a try, and it's got a few strong points ( memory usage ) so I'm playing with it, giving the browser a chance. Anyway, one of the thumbnail links in one of my galleries is missing. It's there in FireFox, but not in Opera, or in IE.

I'm hoping someone can help me figure out why? The code is basically the same as the image before and after it, and since the image loads in FF and when I call it by URL, the jpeg itself isn't the problem.

The code that doesn't work is

<div class="galleryCell">
<div class="galleryCell810p">
<a href="/Photos/SunbeamsInBigSur.html">
<img class="thm810p" alt="Sunbeams, Big Sur" style="background-image: url(../Thumbs/SunbeamsInBigSur.jpg);" src="/GraphicElements/thm810p.png"/></a>
<a href="../Photos/SunbeamsInBigSur.html">Sunbeams, Big Sur</a>
</div>
</div>

The page is my California Central Coast gallery. There are six thumbnail images in the gallery, and the other five work in all the browsers I've tried. Clicking the link from the missing image works. And the image is below, to clear that issue up:



Any thoughts?

Originally Posted by ForrestCroce

Somebody finally talked me into giving Opera a try, and it's got a few strong points ( memory usage ) so I'm playing with it, giving the browser a chance. Anyway, one of the thumbnail links in one of my galleries is missing. It's there in FireFox, but not in Opera, or in IE.

I'm hoping someone can help me figure out why? The code is basically the same as the image before and after it, and since the image loads in FF and when I call it by URL, the jpeg itself isn't the problem.

The code that doesn't work is

<div class="galleryCell">
<div class="galleryCell810p">
<a href="/Photos/SunbeamsInBigSur.html">
<img class="thm810p" alt="Sunbeams, Big Sur" style="background-image: url(../Thumbs/SunbeamsInBigSur.jpg);" src="/GraphicElements/thm810p.png"/></a>
<a href="../Photos/SunbeamsInBigSur.html">Sunbeams, Big Sur</a>
</div>
</div>

The page is my California Central Coast gallery. There are six thumbnail images in the gallery, and the other five work in all the browsers I've tried. Clicking the link from the missing image works. And the image is below, to clear that issue up:



Any thoughts?

Hi Forrest - not sure but it seems you are missing one piece.

<div class="galleryCell">
<div class="galleryCell810p">
<a href="../Photos/SunbeamsInBigSur.html"
<img src="/GraphicElements/thm810p.png"
style="background-image:url(../Thumbs/SunbeamsInBigSur.jpg);"
alt="Sunbeams, Big Sur" class="thm810p" /></a>
<a href="../Photos/SunbeamsInBigSur.html">Sunbeams, Big Sur </a>
</div>
</div>

<div class="galleryCell">
<div class="galleryCell810l">
<a href="../Photos/BigSurWaterfall.html">
<img src="../GraphicElements/thm810l.png"
style="background-image:url(../Thumbs/BigSurWaterfall.jpg);"
alt="Waterfall, Big Sur State Park" class="thm810l" /></a>
<a href="../Photos/BigSurWaterfall.html">Waterfall, Big Sur</a>
</div>

Thanks! I went and added the .. to the front of the a and img code, but unfortunately the image still doesn't show in Opera or IE. At least I'm assuming IE, since Opera seems to render like it and I really can't stand that browser.

At one point I went through and removed a lot of the ..s from the paths to make the files a tad smaller, since /Thumbs and /Images are top level directories, but I decided that really doesn't make sense... Even on a gallery page where I use it several times it amounts to nothing, and it lets me preview the files locally...

I'm really stumped here. There doesn't seem to be anything wrong in the code and other thumbs display fine.

Thanks for looking!!

Well, my HTMLTidy picked up the problem - You're missing the closing on the <a> tag.

<a href="../Photos/SunbeamsInBigSur.html"> <img src="../GraphicElements/thm810p.png" style="background-image:url(../Thumbs/SunbeamsInBigSur.jpg);"
alt="Sunbeams, Big Sur" class="thm810p" />

Just for the record, Opera renders pages more like FF than it ever did IE