Prev: Component install failed
Next: Spry Known Issue
From: Murray *ACE* on 7 May 2008 12:16
> This means that the
> navigation buttons move around as one of them resizes.
That's why we warned you about this scheme at the beginning of your thread.

> What is the best way to
> keep the buttons that aren't resizing from moving?

The best way would be not to resize your images.

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

You could do this (although you wouldn't necessarily need to use any
additional markup, depending on what container you have for your images
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.

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.

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
==================


"jameswoody" <webforumsuser(a)macromedia.com> wrote in message
news:fvsh2a$faq$1(a)forums.macromedia.com...
> 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: Murray *ACE* on 7 May 2008 13:47
> -what do you mean by the container?

<td><img title="the '<td>' is this image's container"...
....
<div><img title="the '<div>' is this image's container"

> the only issue is the horizontal spacing between the images.

If there isn't enough horizontal room, then either your layout or your plan
needs to change.

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

If you are worried about bandwidth, forget it. How much image weight are
you imagining would be required?

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

Of course. But we have yet to see the first smidge of your code, so how can
we know which method might work on your page?

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
==================


"jameswoody" <webforumsuser(a)macromedia.com> wrote in message
news:fvspkt$obh$1(a)forums.macromedia.com...
> "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."
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: Murray *ACE* on 7 May 2008 15:38
Sorry. I missed the links.

The thumbnails you have used on that page are each about 20-30K. When I
copy and then save them as JPG images they become about 2K, with no change
in appearance. So - you have 8 images at 20K (being optimistic) = 160K
total. I would have 16 images at 1-2K each for a total of no more than 32K.
Who is more bandwidth conservative?

Now - as I said before - if you don't want horizontal motion when you
enlarge the image, you will have to change your layout or change your plan.
There's no other solution, you know?

--
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
==================


"jameswoody" <webforumsuser(a)macromedia.com> wrote in message
news:fvsraj$pvc$1(a)forums.macromedia.com...
> 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: Component install failed
Next: Spry Known Issue