Page 1 of 2 12 LastLast
Results 1 to 10 of 13

Thread: Proper positioning of an enlarged image

  1. #1
    Join Date
    Oct 2008
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Proper positioning of an enlarged image

    I am having problems with positioning the enlarged image in the proper spot when I hover over the thumbnail image on the web page. I want the enlarged image to show immedialtly adjacent to the thumbnail image on the right hand side using CSS styles and html codes.

    I would appreciate a resolution to this problem.

  2. #2
    Join Date
    Jan 2006
    Location
    Ft. Smith, AR
    Posts
    795
    Thanks
    57
    Thanked 129 Times in 116 Posts

    Default

    Please post a link to the page on your site that contains the problematic script so we can check it out.


    or at the VERY least...

    Please post ALL relevant code so we can have a look...
    --------------------------------------------------
    Reviews, Interviews, Tutorials, and STUFF
    --------------------------------------------------
    Home of the SexyBookmarks WordPress plugin

  3. #3
    Join Date
    Oct 2008
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Thanks for the quick response.

    I have included the CSS code in the following site www.williamsgoldrefining.com. The CSS code is applied on the first image in the Home Page.

    The other problem I have is to do with the caption. If the caption includes more than one word, the words seem to be cacading towards the bottom.

    Your help will be most appreciated.

  4. #4
    Join Date
    Jan 2006
    Location
    Ft. Smith, AR
    Posts
    795
    Thanks
    57
    Thanked 129 Times in 116 Posts

    Default

    find this section in your css and replace with my version.

    Code:
    .thumbnail:hover span {
    left:5px;
    top:0;
    visibility:visible;
    }
    --------------------------------------------------
    Reviews, Interviews, Tutorials, and STUFF
    --------------------------------------------------
    Home of the SexyBookmarks WordPress plugin

  5. #5
    Join Date
    Oct 2008
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Proper positioning of the image

    Thanks for your instructions. Yes it works as intended.

    Another question if you don't mind.

    In the caption area of the enlarged picture the text (more than one word) appear vertically. How can you make it appear horizontally?

  6. #6
    Join Date
    Oct 2008
    Posts
    10
    Thanks
    12
    Thanked 2 Times in 2 Posts

    Default

    I don't see any caption?

  7. #7
    Join Date
    Oct 2008
    Posts
    10
    Thanks
    12
    Thanked 2 Times in 2 Posts

    Default

    are you talking about the image with yellow background? If so, I don't see a caption there.

  8. #8
    Join Date
    Oct 2008
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Proper positioning of an enlarged image

    I did not include a caption in the published version. However, when I include one made of more than one word, the words stack on each other vertically. But if I write the words without spaces the caption shows it as one horizontal word. How can you make the words appear horizontally with spaces in between?

    Thanks

  9. #9
    Join Date
    Oct 2008
    Posts
    5
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Yes I am. However, I did not publish the version which inclued the caption. However, when I include text consisting one word or more, the words stack on each other vertically. But if I write the words without spaces the caption shows it as one horizontal word. How can you make the words appear horizontally with spaces in between?

  10. #10
    Join Date
    Jan 2006
    Location
    Ft. Smith, AR
    Posts
    795
    Thanks
    57
    Thanked 129 Times in 116 Posts

    Default

    i'll take a quick peek at it when i get off work this afternoon if you haven't found a solution by then
    --------------------------------------------------
    Reviews, Interviews, Tutorials, and STUFF
    --------------------------------------------------
    Home of the SexyBookmarks WordPress plugin

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
  •