16 replies [Last post]
Smee
Smee's picture
Offline
Elder
Adelaide, Oz
Last seen: 3 years 47 weeks ago
Adelaide, Oz
Timezone: GMT+9.5
Joined: 2007-06-10
Posts: 1596
Points: 340

Well, it's getting down to the wire folks. Smile

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 Smile - 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 Smile )

Click on a thumbnail and you will see the big picture Tongue

(Original at http://www.cssplay.co.uk/menu/scroll_gallery.html)

Mods and gurus – THANK YOU!
For your time, knowledge and experience so willingly and generously given.
Please come back tomorrow and sort us all out again Smile

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 6 years 18 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

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 Smile

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

Smee
Smee's picture
Offline
Elder
Adelaide, Oz
Last seen: 3 years 47 weeks ago
Adelaide, Oz
Timezone: GMT+9.5
Joined: 2007-06-10
Posts: 1596
Points: 340

Hello Hugo! How are you?

Hello Hugo! How are you? Smile

Quote:
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 Wink)

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 Smile

So a couple of questions please?

It...eerm...doesn't line up in IE6. Sad 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! Shock 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!

Mods and gurus – THANK YOU!
For your time, knowledge and experience so willingly and generously given.
Please come back tomorrow and sort us all out again Smile

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 6 years 18 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

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.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

Smee
Smee's picture
Offline
Elder
Adelaide, Oz
Last seen: 3 years 47 weeks ago
Adelaide, Oz
Timezone: GMT+9.5
Joined: 2007-06-10
Posts: 1596
Points: 340

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! Smile - however I had closed email, so didn't realise you had replied, sorreeee.

Quote:
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! Smile

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. Tongue What am I to do? She asks plaintively.

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

Mods and gurus – THANK YOU!
For your time, knowledge and experience so willingly and generously given.
Please come back tomorrow and sort us all out again Smile

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 6 years 18 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

Adjust the height on these

Adjust the height on these rulesets:

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

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

Smee
Smee's picture
Offline
Elder
Adelaide, Oz
Last seen: 3 years 47 weeks ago
Adelaide, Oz
Timezone: GMT+9.5
Joined: 2007-06-10
Posts: 1596
Points: 340

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

Mods and gurus – THANK YOU!
For your time, knowledge and experience so willingly and generously given.
Please come back tomorrow and sort us all out again Smile

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 10 weeks 4 days ago
Dallas
Timezone: GMT-6
Joined: 2004-06-25
Posts: 9776
Points: 3858

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



    damned big tree


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






    • Ann and Wayne at the botanic gardens































  • cheers,

    gary

    If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

    Smee
    Smee's picture
    Offline
    Elder
    Adelaide, Oz
    Last seen: 3 years 47 weeks ago
    Adelaide, Oz
    Timezone: GMT+9.5
    Joined: 2007-06-10
    Posts: 1596
    Points: 340

    Hi Gary Thank you very

    Hi Gary Smile

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

    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 Laughing out loud :D they are damned BIG trees and they are all over our parklands!

    Mods and gurus – THANK YOU!
    For your time, knowledge and experience so willingly and generously given.
    Please come back tomorrow and sort us all out again Smile

    Smee
    Smee's picture
    Offline
    Elder
    Adelaide, Oz
    Last seen: 3 years 47 weeks ago
    Adelaide, Oz
    Timezone: GMT+9.5
    Joined: 2007-06-10
    Posts: 1596
    Points: 340

    Gary wrote:In this case, I

    Gary wrote:
    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'

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

    Mods and gurus – THANK YOU!
    For your time, knowledge and experience so willingly and generously given.
    Please come back tomorrow and sort us all out again Smile

    Smee
    Smee's picture
    Offline
    Elder
    Adelaide, Oz
    Last seen: 3 years 47 weeks ago
    Adelaide, Oz
    Timezone: GMT+9.5
    Joined: 2007-06-10
    Posts: 1596
    Points: 340

    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

    Sad I'll keep trying...

    Mods and gurus – THANK YOU!
    For your time, knowledge and experience so willingly and generously given.
    Please come back tomorrow and sort us all out again Smile

    gary.turner
    gary.turner's picture
    Offline
    Moderator
    Dallas
    Last seen: 10 weeks 4 days ago
    Dallas
    Timezone: GMT-6
    Joined: 2004-06-25
    Posts: 9776
    Points: 3858

    Smee wrote: - IE6 shows the

    Smee wrote:

    - 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

    If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

    Smee
    Smee's picture
    Offline
    Elder
    Adelaide, Oz
    Last seen: 3 years 47 weeks ago
    Adelaide, Oz
    Timezone: GMT+9.5
    Joined: 2007-06-10
    Posts: 1596
    Points: 340

    Quote:IE can't find the

    Quote:
    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 Smile

    Mods and gurus – THANK YOU!
    For your time, knowledge and experience so willingly and generously given.
    Please come back tomorrow and sort us all out again Smile

    gary.turner
    gary.turner's picture
    Offline
    Moderator
    Dallas
    Last seen: 10 weeks 4 days ago
    Dallas
    Timezone: GMT-6
    Joined: 2004-06-25
    Posts: 9776
    Points: 3858

    You need a new thread for this

    Smee wrote:
    <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

    If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

    Smee
    Smee's picture
    Offline
    Elder
    Adelaide, Oz
    Last seen: 3 years 47 weeks ago
    Adelaide, Oz
    Timezone: GMT+9.5
    Joined: 2007-06-10
    Posts: 1596
    Points: 340

    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 Smile

    Gary wrote:
    In IE6, I can't replicate your issue.

    I'm pleased to hear it Smile 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. Shock

    Cheers (and thanks again!)

    Mods and gurus – THANK YOU!
    For your time, knowledge and experience so willingly and generously given.
    Please come back tomorrow and sort us all out again Smile

    Smee
    Smee's picture
    Offline
    Elder
    Adelaide, Oz
    Last seen: 3 years 47 weeks ago
    Adelaide, Oz
    Timezone: GMT+9.5
    Joined: 2007-06-10
    Posts: 1596
    Points: 340

    Smee wrote:That probably

    Smee wrote:
    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.

    AttachmentSize
    IE6gallery-1.png 205.69 KB
    IE6gallery-2.png 208.4 KB

    Mods and gurus – THANK YOU!
    For your time, knowledge and experience so willingly and generously given.
    Please come back tomorrow and sort us all out again Smile

    Smee
    Smee's picture
    Offline
    Elder
    Adelaide, Oz
    Last seen: 3 years 47 weeks ago
    Adelaide, Oz
    Timezone: GMT+9.5
    Joined: 2007-06-10
    Posts: 1596
    Points: 340

    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.

    Mods and gurus – THANK YOU!
    For your time, knowledge and experience so willingly and generously given.
    Please come back tomorrow and sort us all out again Smile