Well, it's getting down to the wire folks.
The URL to the website I've been working on will be given to the NASM Committee this Saturday for them to have a look at what I've been doing. They will then take a month or so, till the next meeting, to think about and test it.
There is no assurance whatsoever that they are even going to accept or make this project live, since they had their fingers burnt by the author of their current site which barely works.
However I have, sorry, we have - put a lot of time and effort into it so far, so I would like it to be as good as it can be.
Piccy parade almost there! 'Cept for the pictures :blushing:
http://www.nasmsite.com/nasmphotos/fotogallery.php#nogo (CSS & HTML together)
I do have half a dozen or so to put up when I've thumb-nailed them tonight.
This started snug up against the right edge - I've managed to get it to move over by changing the scrollbox left margin and also the a.gallery spans. Effectively, where you see L or R margins of 120 or 125, that was me.
But I can't for the life of me find the 50px gap that is supposed to be between the #holder and the #scrollbox (as measured on Stu Nichols site - sorry Hugo )
Click on a thumbnail and you will see the big picture
(Original at http://www.cssplay.co.uk/menu/scroll_gallery.html)
a.gallery:hover span
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?
Hello Hugo! How are you?
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.
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
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.
I've been busily beavering
: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.
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.
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
Adjust the height on these rulesets:
a.gallery:hover span and the other various pseudo classes ~300 - 320px?
Actually I must have thought
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
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'
/**/
//
Foto-gallery
TOC
somepage
somepage
somepage
somepage
My Weekend at the Center

Ann and Wayne at the botanic gardens standing within
the roots of a damned big tree






cheers,
gary
Hi Gary Thank you very
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!
Gary wrote:In this case, I
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'
Yes well...if I could speak Itaswahilanese I probably could too!
Ummm...I must've missed
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...
Smee wrote: - IE6 shows the
- 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
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
Quote:IE can't find the
IE can't find the t-nails. Same with Fx.
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
You need a new thread for this
<snip>
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.
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
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
In IE6, I can't replicate your issue.
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!)
Smee wrote:That probably
That probably means that the gallery thumbs are okay too?
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
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.