Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New Coder futureproof's Avatar
    Join Date
    Nov 2009
    Posts
    70
    Thanks
    8
    Thanked 0 Times in 0 Posts

    Thumbnail image not displaying

    It seems that this tutorial I've been following on "Image Hovering" is heavier than I intitally thought. Thanks to kristingish, I was able to align the floating image properly. The problem now is: How to get the thumbnail images to display on the left side.

    Following this tutorial (which is very concise): http://www.cssplay.co.uk/articles/gallery/index.html
    I've been able to replicate most of the functionality but unable to get a default thumbnail to display :S
    After comparing the code from the tutorial with my code, I realize the gallery code is mostly identical and now I face the challenge of picking the needle from the haystack.

    It turns out my initial code became dis-organized as I progressed, and I think theres a line or two hiding in there which masks or overrides the thumbnail specification. Funny though, the hover function still changes the color and border properties of the thumbnails :\

    Any ideas as to what could be causing this?
    This is my page: http://futureproof.000a.biz/photo-gallery2.html
    specifically in photo-gallery2.html

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,852
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    The paths in the url() os your CSS is not correct.When using relative paths, it should be based on the relative paths of your CSS file and images. Try
    Code:
    #text a.slidea {/*style.css (line 148)*/
    background:transparent url(../tmp/stone.jpg) repeat scroll 0 50%;
    height:88px;
    width:88px;
    }
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)


  •  

    Posting Permissions

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