Help with CSS based gallery

[mark.it.here]

Hi,

I'm developping an image gallery based on CSS (no Javascript so far).
You can see it here:

http://www.myfilestash.com/userfiles/myed/index.html

It only works well in Opera, Firefox, Safari and IE7 however I have
two problems:

1. Doesn't work on IE6. Has you imagine I'm looking for full browser
compatibility (don't laugh :P);

2. When you put your mouse over the "Zoom" button, the big picture
stays below the other "zoom" buttons (check out the link).

Does anyone has any idea for a solution. I've already tried th z-index
without success. I really need to get this thing working.

Thank you.

[Beauregard T. Shagnasty]

ma**********@gmail.com wrote:

... In this case, however, it would be a nice "trick" to give the
extra bonus to the site user without the need of a "Click to see",
"Click to close" cycle.

Your popup images extend below the viewport in my browser, and when I
attempt to scroll down to see the whole image, it disappears.

Those are just like a sneak peak at the magazine's content to help
them make a decision to buy. They don't have to leave the page, allow
a popup or click anything at all, if they want to see, just mous over
the zoom. The idea behind the small "zoom" button was to not "fire
away" the big images when the mouse rolls over the thumbnails (that
would be really annoying), after testing this solution we found that
it was nice.

...and just as annoying when the mouse passes over the Zoom button, while
on the way to click the Back button.

--
-bts
-Motorcycles defy gravity; cars just suck

[mark.it.here]

Your buttons:

.poptrigger { z-index: 100; }
Your large images:
.popup:hover { z-index: 50; }

100 50

Hi,

I've already changed this values and it still doesn't work how it was
supposed (or as I intended). You can check out the link I already
uploaded the changes.

Thanks anyway.

--
Rui

[mark.it.here]

Your popup images extend below the viewport in my browser, and when I

attempt to scroll down to see the whole image, it disappears.

I guess I'll have to make the large pictures a bit smaller, sorry.

..and just as annoying when the mouse passes over the Zoom button, while
on the way to click the Back button.

We did try two options. One with a mouse-over on thumbnail and other
with mouse-over on small button. We decided that the small button
wouldn't get in the way, at least not that often so that it would get
annoying.

If more people come out with your opinion, we will eventually change
the "mouse-over" to a "click". However, the overlapping problem
remains.

Thanks.

--
Rui

[John Hosking]

ma**********@gmail.com wrote:

>Your buttons:
.poptrigger { z-index: 100; }
Your large images:
.popup:hover { z-index: 50; }

100 50

Hi,

I've already changed this values and it still doesn't work how it was
supposed (or as I intended). You can check out the link I already
uploaded the changes.

Thanks anyway.

Well, no, as I write this, the published code has not been changed. No
z-index changes, no doctype change, no validation. Did you forget to
upload the changed code?

--
John
Pondering the value of the UIP: http://blinkynet.net/comp/uip5.html

[mark.it.here]

On 6 Ago, 16:00, John Hosking <[e-mail]>
wrote:

[e-mail] wrote:

Your buttons:
.poptrigger { z-index: 100; }
Your large images:
.popup:hover { z-index: 50; }

100 50

Hi,

I've already changed this values and it still doesn't work how it was
supposed (or as I intended). You can check out the link I already
uploaded the changes.

Thanks anyway.

Well, no, as I write this, the published code has not been changed. No
z-index changes, no doctype change, no validation. Did you forget to
upload the changed code?

--
John
Pondering the value of the UIP:http://blinkynet.net/comp/uip5.html

I did a remake of the page and uploaded.

Actually it is working in IE6... so no problem there.

There's only that thing of the zoom button appearing in front of the
large images.

If I place the "a." before the popup styles, the buttons disappear. So
no solution there.

Now it's there, I checked.

Thenk you.

[Chris F.A. Johnson]

On 2007-08-06, ma**********@gmail.com wrote:

>Your popup images extend below the viewport in my browser, and when I
attempt to scroll down to see the whole image, it disappears.

I guess I'll have to make the large pictures a bit smaller, sorry.

No matter how small you make them, there will be someone for whom
they are still too big. If you try to accommodate everyone, you
will end up with pictures so small that there is little point to
having the pop-ups in the first place.
--
Chris F.A. Johnson <http://cfaj.freeshell.org>
================================================== =================
Author:
Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress)

[mark.it.here]

No matter how small you make them, there will be someone for whom
they are still too big. If you try to accommodate everyone, you
will end up with pictures so small that there is little point to
having the pop-ups in the first place.

You've got a point there. Some kind of equilibrium must be found.

--
Rui

[mark.it.here]

P.S.

You can find the working solution here:

http://www.myfilestash.com/userfiles/myed/index.html
--
Rui