Proper positioning of an enlarged image

**clearwater** · 10-12-2008, 06:18 PM

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.

**TheJoshMan** · 10-12-2008, 06:54 PM

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...

**clearwater** · 10-12-2008, 10:50 PM

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.

**TheJoshMan** · 10-12-2008, 11:26 PM

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

Code:

.thumbnail:hover span {
left:5px;
top:0;
visibility:visible;
}

**clearwater** · 10-13-2008, 11:56 PM

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?

**jimbob79** · 10-14-2008, 01:06 AM

I don't see any caption?

**jimbob79** · 10-14-2008, 01:06 AM

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

**clearwater** · 10-14-2008, 12:47 PM

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

**clearwater** · 10-15-2008, 04:48 PM

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?