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,863
    Thanks
    160
    Thanked 2,224 Times in 2,211 Posts
    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
    •