D#11 - Smile for the birdie!

a.gallery:hover span {top:0;}

Will give you a gap between the thumbs and hovered span image. top:49px was pushing the span down from it's parent holder, overlapping the scrollbox.

Much more than that I'm reluctant to get involved with where these sorts of CSS apps are concerned as trying to adapt/modify them can be a struggle

Hello Hugo! How are you?

Will give you a gap between the thumbs and hovered span image. top:49px was pushing the span down from it's parent holder, overlapping the scrollbox.

Ah! That fixed it! (I did the "active" too )

And yes, I know you don't like his stuff Sunshine but it just seemed to just fit the space... which is why it's very good of you to look at it for me

So a couple of questions please?

It...eerm...doesn't line up in IE6. The vertical spacing is fine, it's just the horizontal is a bit out of whack much as it was when I started with FF.

And because I've been putting up another article and cleaning up some bits and bobs I'm only just about to start the photos! About the big photo it's going to display...does that have to be an exact size? Or will it simply take whatever I give it and display it a certain size? And if I have to make them all an exact size, what size should they be?

I take it the thumbnails have to be 75 x 47?

Thank you!!! Mwah!

Hi ya I'm fine, I admire Stu's work very much I just don't like the way it's put out there for people to use and hack around as invariably people don't have the skills to modify this level of complex CSS.

As for the IE problem not sure but can you try removing the padd element as it seems to be centred in IE see if that changes things.

:bigoops: I've been busily beavering away and forgot I was logged on - waaaay past pumpkin time but the hours are all over the place this week because I've had a wee holiday! - however I had closed email, so didn't realise you had replied, sorreeee.

Yes, it's just that some of it looks so goood! It is hard for the likes of me to resist. But then people just give up and find something else because they haven't got a Hugo!

Ummm...not sure about the #pad - I noticed that and went hunting after it. But I figured it must have been the little gap around the thumbnails..the px seemed to fit. But I can try tomorrow. I removed #info (his) not info1 (mine) which I had to put in to take out the margins.

And yes, the piccies have to be 402 x 250 if one wants to see the caption written underneath - 402 x 280 to cover the captioning. None of my piccies are that size and they look damned peculiar when I try to make them fit. What am I to do? She asks plaintively.

Mind you...his writing is in that little gap. My writing's under the picture. Ick!

Adjust the height on these rulesets:

a.gallery:hover span and the other various pseudo classes ~300 - 320px?

Actually I must have thought about it overnight. I'm not too worried about the text showing underneath because 1) it does show the full path name and my pics are not neatly named pic1, pic2. and 2) it will encourage Jim to supply all the pics in a standard format and then we'll see what that is.

At the moment, I'd really like it to line-up in IE - that's what Lis uses and more than likely, most of the Committee....

Give this a looksee. It seems a bit more robust than what you have. I'm with Hugo regarding most of Stu's stuff. It's genius, but too complex for me to feel comfortable.

If making t-nails is a drag, get ImageMagick. In this case, I converted all your big images to t-nails with a single line command:

[email protected]:~/fotos$ mogrify -format gif -size 150x94 -thumbnail 75x47 '*.jpg'

/**/

//

TOC

• 
  somepage
  


• 
  somepage

somepage

somepage

cheers,

gary

Hi Gary

Thank you very much for this! The thumbs are not a problem - I got the little free gem called EzThumb.

Yes, I know Hugo's not very impressed with me ending up back at Stu's place So I've been trying to find something else for the last little while and was in the process of trying to install this modified Hoverbox when you rang.

The problem is he only uses the original photo (for the thumb and enlargement) and the big picture isn't very...ummm...big. And I did want it in the middle too.

But I shall run off and try yours! And yes :D they are damned BIG trees and they are all over our parklands!

[email protected]:~/fotos$ mogrify -format gif -size 150x94 -thumbnail 75x47 '*.jpg'

Yes well...if I could speak Itaswahilanese I probably could too!

Ummm...I must've missed something.

I put "garysgallery.php" in the same folder as the pics and changed the paths to just the filename. I took out the TOC that I didn't need but it has stretched my page somewhere/somehow. I have to try and figure out what I need from your styling which doesn't upset my own.

I tried to put it in my page.

- IE6 shows the gallery at the bottom but its full of little red x's
- FF2 has no gallery at the bottom
- both browsers have it too far to the right

I'll keep trying...

IE can't find the t-nails. Same with Fx. Double check the paths, and source and href values.

See the left margin on #main.

cheers,

gary

Okay I've made a little headway in that I discovered .gif on the end of your thumbs! LOL! Now they show but differently in each browser - no doubt another error of mine somewhere :rolleyes: But it's now long past pumpkin time.

But more of a worry is that I can't seem to put it in my page layout - it's mucking with the menu (had to take your #wrapper out, that was around the menu) and the teaserboxes. I'll have to see what else I can prune tomorrow.

But a big favour - Could you have a look at the newsletter page for me and see why the content is dropping below the side boxes only on that page in IE please? I've looked and looked and I can't see any difference between that one and the others.

Thanks Gary I really appreciate it. I may have a photo gallery for the Committee after all

In IE6, I can't replicate your issue.

When you have a question different from the original subject, it is better to start a new thread.

cheers,

gary

Lookin' gooood!

Thanks so much for this Gary, it's exactly what I wanted and I REALLY like the fact that you don't muck with the size of the original photo

I'm pleased to hear it That probably means that the gallery thumbs are okay too? My IE6 has some problems I think, which just confuses everything a bit more for me - I think I'm going to have to reinstall it.

Cheers (and thanks again!)

Actually I think I spoke too soon. Today I was able to view this with Vista/IE7 and I see the same problem with the thumbnail overrun that I see on IE6 on both my machine and a friend's.

The thumbnails overrun the .tnailholder to the right edge of #info1 and the scroll bar doesn't move the thumbnails. There are 10 thumbnails altogether.

a couple of snapshots attached with the scrollbar moved from left to right - you can see the thumbs haven't moved with it.

Attachment	Size
IE6gallery-1.png	205.69 KB
IE6gallery-2.png	208.4 KB

Anyone have any ideas on this please?

It seems to be okay in FF but IE (home or work, 6 & 7) gives the overrun in the attachments above.