Board index PBase HTML and Style Sheets hopping buttons

HTML and Style Sheets

hopping buttons

Customize your galleries.
sethlazar
 
Posts: 85

hopping buttons

Post Thu Mar 20, 2008 10:08 am


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)

flemmingbo
 
Posts: 435
Location: Denmark, Copenhagen

Re: hopping buttons

Post Tue Mar 25, 2008 7:38 am


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

sethlazar
 
Posts: 85

Re: hopping buttons

Post Tue Mar 25, 2008 10:32 pm


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

flemmingbo
 
Posts: 435
Location: Denmark, Copenhagen

Re: hopping buttons

Post Wed Mar 26, 2008 7:24 am


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
Flemming Bo Jensen Photography
Gallery: http://www.pbase.com/flemmingbo
My photography blog: http://flemmingbo.wordpress.com

sethlazar
 
Posts: 85

Re: hopping buttons

Post Sun Mar 30, 2008 10:38 am


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

flemmingbo
 
Posts: 435
Location: Denmark, Copenhagen

Re: hopping buttons

Post Sun Mar 30, 2008 12:47 pm


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
Flemming Bo Jensen Photography
Gallery: http://www.pbase.com/flemmingbo
My photography blog: http://flemmingbo.wordpress.com

sethlazar
 
Posts: 85

Re: hopping buttons

Post Mon Mar 31, 2008 5:33 pm


Flemming you're a genius!!! Thanks so much mate, problem solved :)

flemmingbo
 
Posts: 435
Location: Denmark, Copenhagen

Re: hopping buttons

Post Mon Mar 31, 2008 6:36 pm


sethlazar wrote:Flemming you're a genius!!! Thanks so much mate, problem solved :)


Thanks and no worries mate, glad to help!
Flemming Bo Jensen Photography
Gallery: http://www.pbase.com/flemmingbo
My photography blog: http://flemmingbo.wordpress.com


Board index PBase HTML and Style Sheets hopping buttons

Who is online

Users browsing this forum: No registered users and 2 guests

cron