Css hover working on one page, not on another

HTML & CSS
1

Can someone help me solve this mystery? I’m using CSS I found on the web long ago to emulate Amazon’s “look inside” feature for books. It uses span and hover elements.

I have it working on six or seven pages, such as http://www.peterwade.com/colossians/colossians-preview.html. A page of the book displays when the cursor hovers over a page link. It works correctly in both Firefox and IE8.

However, I’ve just put up a new page, http://www.peterwade.com/principios/principios-preview.html using the same CSS (preview.css) but no page displays. A vertical line appears in Firefox above the header at a position which would be the top left corner of the page.

I’ve compared the css files and checked the links, but I’m obviously missing something, and I’ve reached the end of my knowledge.

If anyone can point to what is wrong I’d greatly appreciate it.

Thanks,
Peter

2

Can’t help you with the hover issue directly, but I should point out that your pages seem to have no opening html or body tags - also the entire page seems to be “contained” in the head element… :confused:

I would fix that stuff first to see if it might have something to do with the problem.

3

Kenquad, that’s not how it looks in Firefox when I view the source. There is an opening <head> and closing </head> and opening <body> and closing </body>. This is identical on the two pages, so I doubt if its part of the problem.

4

My mistake, there is an opening body. There still isn’t any opening html tag though, and what about that extra opening and closing head just before the closing body?

You’re right however, this is apparently the same on both pages, so probably not directly responsible for the trouble.

5

for the second link, where the images don’t work, the resource probably is there, just not… there:

Request URL: http : // www.peterwade.com / principios / pages / 386_Page_005.jpg
Request Method: GET
Status Code: 404 Not Found

[B]386_Page_005.jpg

Dimensions: 0 × 0
File size: 22.36KB
MIME type: text/html[/B]

it appears the jpegs used on the second page aren’t in the path you’re describing in the css: /principios/pages.

for the first link, the path is correct: /colossians/pages.

if you want a positive test, just point in the second link to an image that works in the first link.

6

Thanks, Noonnope,

You put me on the right track. I did the test you suggested and it did indeed work. It took me quite a bit of time after to figure what was wrong… an additional underline character had crept into all the filenames, so they read 386__Page_03.jpg instead of 386_Page_03.jpg. It was one of those things you could look at often until it suddenly dawns on you.

So thanks, all working now. And thanks to all who contributed their thoughts.

This thread can now be closed.

Peter