PDA

View Full Version : CSS Image Gallery problem



Betong
06-17-2008, 11:03 AM
1) Script Title: CSS Image Gallery

2) Script URL (on DD): http://www.dynamicdrive.com/style/csslibrary/item/css-image-gallery/

3) Describe problem: Further to an earlier question repeated partially below. Here are the two URLs that I have the script on:

http://www.edible-advertising.com/about.html

This site which is still under final construction, but is basically finished. The code works ok in this site, except for one thing. In IE 7 the captions under the large pics displays one word only per line instead of all the words on the one line. But it displays correctly in FireFox 2.

I have used this script on on another web site at these 2 pages:
http://www.bouldercombe-district.com.au/cancer-morn-tea-2007.html and
http://www.bouldercombe-district.com.au/cancer-morn-tea-2008.html

Both pages work fine in IE 7 and FireFox 2.

The only changes I have made to the scripts is the highlighted lines below.

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px; I have changed the value to -500px
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
I also added: text-align: center; Because I wanted the text to be centred.
}

But I have also experimented with changing all values to the same on all three pages and I still have the same results.

I am stumped. :confused:

Also is there a setting I can change to make the text under the large pics longer? Currently it takes up about 43% of a 480 width pic. I would like to extend it to about 60% or 65%.

Despite all this I still like the script. Just wish it would work better in IE on the new site. I know it is probably something silly that I have done but can't see.