Page 1 of 1

hopping buttons

PostPosted: Thu Mar 20, 2008 10:08 am
by sethlazar
Hi all,

I'm working on the css for my Oxford Panoramas gallery, and I've got a little problem I can't solve. Basically it's the 'previous/next' buttons, (i think #slideshow in css). When you click on them, they hop to the centre of the screen, then you have to click on them again. Does anyone know how to fix this? I've got web developer toolbar, and i'm using firefox, but I can't find the appropriate bit of code in the CSS. Any help much appreciated

(example: http://www.pbase.com/sethlazar/image/94363330)

Re: hopping buttons

PostPosted: Tue Mar 25, 2008 7:38 am
by flemmingbo
I reckon it's the

Code: Select all
margin-right: 500px;


That you've added to the #slideshow that's playing tricks on you. What is this right margin of 500 pixels for ? If you remove it your page works fine.

Oh and great panoramas mate!

regards,

Flemming

Re: hopping buttons

PostPosted: Tue Mar 25, 2008 10:32 pm
by sethlazar
thanks flemming, I forgot to mention tho that it's only a problem when the pictures show in original size. I only use firefox so i'm not sure if perhaps it's specific to my browser. Basically when I click on 'next' the button hops to the centre, and doesn't otherwise register that it's been clicked upon.


any more thoughts would be appreciated, i just can't work this one out!

best

seth

Re: hopping buttons

PostPosted: Wed Mar 26, 2008 7:24 am
by flemmingbo
Hi Seth,

What I think happens is when you're displaying the photos in original size they're wider than your browser - and this is why the margin-right:500px will cause this weird behaviour in original size display.

Try removing the margin-right:500px and then see what happens. That at least fixes the jumping button problem. If you then wish to reposition the prev/next buttons we'll work on that after fixing the first problem.

regards,

Flemming

Re: hopping buttons

PostPosted: Sun Mar 30, 2008 10:38 am
by sethlazar
Hi Flemming,

thanks again for the advice. I've taken out the 'margin-right 500px' on slideshow, but the button hopping is still happening. Any other ideas?

all best,

Seth

Re: hopping buttons

PostPosted: Sun Mar 30, 2008 12:47 pm
by flemmingbo
Hi Seth,

I think I see now what is doing this -

in #imagepage you have a

Code: Select all
  float : left;


and I think this is causing the hopping bottoms.

Try removing that and see how ya go.

regards,

Flemming


sethlazar wrote:Hi Flemming,

thanks again for the advice. I've taken out the 'margin-right 500px' on slideshow, but the button hopping is still happening. Any other ideas?

all best,

Seth

Re: hopping buttons

PostPosted: Mon Mar 31, 2008 5:33 pm
by sethlazar
Flemming you're a genius!!! Thanks so much mate, problem solved :)

Re: hopping buttons

PostPosted: Mon Mar 31, 2008 6:36 pm
by flemmingbo
sethlazar wrote:Flemming you're a genius!!! Thanks so much mate, problem solved :)


Thanks and no worries mate, glad to help!