SitePoint Sponsor

User Tag List

Results 1 to 6 of 6
  1. #1
    SitePoint Member
    Join Date
    Mar 2006
    Location
    Adelaide, South Australia
    Posts
    23
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    css hover working on one page, not on another

    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/...s-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/...s-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. #2
    I Use MODx kenquad's Avatar
    Join Date
    Dec 2009
    Posts
    424
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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...

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

  3. #3
    SitePoint Member
    Join Date
    Mar 2006
    Location
    Adelaide, South Australia
    Posts
    23
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by kenquad View Post
    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...
    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. #4
    I Use MODx kenquad's Avatar
    Join Date
    Dec 2009
    Posts
    424
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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. #5
    Non-Member
    Join Date
    Jun 2010
    Location
    4727′35″N 2618′0″E
    Posts
    1,789
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    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


    386_Page_005.jpg

    Dimensions: 0 0
    File size: 22.36KB
    MIME type: text/html


    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. #6
    SitePoint Member
    Join Date
    Mar 2006
    Location
    Adelaide, South Australia
    Posts
    23
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Smile

    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
    Last edited by posword; Oct 27, 2010 at 21:14. Reason: Close thread


Tags for this Thread

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •