Prev: spry go more tahn 3 levels?
Next: Change property in span tags
From: jameswoody on 7 May 2008 11:15
I'm working on a site which uses images as navigation buttons. When you are on
the page linked by the image, the image doubles in size. This means that the
navigation buttons move around as one of them resizes. What is the best way to
keep the buttons that aren't resizing from moving?

I think I could do with by having each image centered in a div tag but im
hoping there is a better way.

The site im working on is;
http://www.jameschetwood.com/upload/about.html

And the CSS is;
http://www.jameschetwood.com/upload/untitled.css

I've uploaded all of the files, templates and all.

From: jameswoody on 7 May 2008 13:41
"You could do this (although you wouldn't necessarily need to use any
additional markup, depending on what container you have for yourimages
already. The trick would be to make sure that the image container is large
enough to hold all of the RESIZED images without distorting the rest of the
navigation elements."
-what do you mean by the container? There is enough vertical space already,
the only issue is the horizontal spacing between the images.

"You could also make all of your images the same size, and increase the
CANVAS to that size on the smaller ones. In other words, the 30x30 thumbs
would have 30px of canvas all around so that the smaller thumb is floating in
the center of the 60x60 image."
-do you mean using 2 sets of images? I can see how that would work but for
ease of updates and to save bandwidth (im going to use a smaller image for the
bluesky labs), I want to use only one set.

Basically, is there anyway of achieving what I want without housing each image
in its own div tag?
Thanks
James

From: jameswoody on 7 May 2008 14:10
Maybe we are talking at cross purposes here, are you looking at the site? Its
here;
http://www.jameschetwood.com/upload/about.html

And the CSS is;
http://www.jameschetwood.com/upload/untitled.css

you say you havn't seen the code, what other information can i provide?

Forgetting bandwidth I would still like to use one set of images as this site
will be being updated very frequently so making it work with one set is
defiantly a good investment of time.

As for the horizontal space, there is enough space in the container, the
images are not forced onto a second line. The issue im having is that the
spacing between the images is constant, so when one gets bigger, others are
moved from there original position. This is purely a cosmetic issue.

james

 | 
Pages: 1
Prev: spry go more tahn 3 levels?
Next: Change property in span tags