Sizing Pictures in a Table

  • Thread starter Thread starter JCO
  • Start date Start date
J

JCO

I want to have an In-Line Frame set up for viewers to scroll through and see
pictures. This Frame will consist of a Table, maybe 5x4. My problem is
sizing the cells. When a picture is put into a cell, it changes the size of
the cell. What is the best approach so that each cell is the same size and
each picture fills the cell (of that table) without changing the size or
looking "Goofy".

Seems simple, you would think. I just don't want do it the long way... if
there is a simple way to do this.

Do I need to crop each picture to the exact same size first?
Thanks
 
Yes I know not to us fp as my graphics too.
No matter how the photos are sized at first, my concern is still inserting
them into the table without resizing the cells.
 
Hi Eleanor.......a couple of questions. I have not been using the import
feature in front page but have been opening PSP, browsing to the image I
want, opening it and then doing a File>save as and save it to my Front Page
Web images folder. The resultant image quality looks good so I was wondering
if this method is basically the same as an import or is there something that
I am overlooking?

Also, I have set up PSP as the image editor under Tools>Options>configure
editor which allows me to edit the image from within Front Page. I just
double click on the image and then on the general tab>edit and it opens the
image in PSP, I work on the image, then click on save and it automatically
changes the image to the new configuration in Front Page. Your comments on
doing this please.

I use the auto thumbnail in Front Page. Is this ok? I have on occasion
also dragged an image to size and used the resample feature and I feel sure
you will say that is a no no.?

Deacon
 
Inline
--
Ron Symonds
Microsoft MVP (FrontPage)
Reply only to group - emails will be deleted unread.

deacon said:
Hi Eleanor.......a couple of questions. I have not been using the
import
feature in front page but have been opening PSP, browsing to the
image I
want, opening it and then doing a File>save as and save it to my
Front Page
Web images folder. The resultant image quality looks good so I was
wondering
if this method is basically the same as an import or is there
something that
I am overlooking?
Click to expand...

Not the same as importing. Saving from PSP directly to the FrontPage
images folder prevents FP from updating its meta data for the file.
The immediate rsult is that the edited image may not be published when
publising changed pages - FP uses the meta data to determine which
files have been changed.
Also, I have set up PSP as the image editor under
Tools>Options>configure
editor which allows me to edit the image from within Front Page. I
just
double click on the image and then on the general tab>edit and it
opens the
image in PSP, I work on the image, then click on save and it
automatically
changes the image to the new configuration in Front Page. Your
comments on
doing this please.
Click to expand...

This is the best way.
I use the auto thumbnail in Front Page. Is this ok? I have on
occasion
also dragged an image to size and used the resample feature and I
feel sure
you will say that is a no no.?
Click to expand...

Auto thumbnails may not have the same quality as thumbnails using a
dedicated graphics editor, but I cannot see the difference if the
thumbnail is small (100px longest dimension).

The resample feature is also suspect as far as quality is concerned,
and graphic editors will do a better job of optimising for the web. I
use the FP resample frequently, but I am not looking for high quality
images, or perfect optimisation.
 
Yes I know not to us fp as my graphics too.
No matter how the photos are sized at first, my concern is still inserting
them into the table without resizing the cells.
Click to expand...

[snip]
Assuming all your images are resized to the same dimensions, which
will probably look more attractive anyway, I would think your chief
concern would be to ensure that the block of (small) images is not so
wide as to introduce a horizontal scrollbar in the user's browser.

In that case, say your images are all 100px wide, you'd typically want
a five-column table 500px wide, with each column set to 100px. If you
use borders, cellspacing or cellpadding, be aware that these all
affect the width that is available in the table cells for content.

Refining that a little, if you wanted a bit of space around the
pictures you'd want to experiment with the cell widths as well as
hspace, vspace or transparent gifs to keep the images a decent
distance apart.

Basically, though, work out the exact width of the content of each
cell, and set the cell width (column width) to that figure.

This attention to detail will keep Firefox users happy as well as IE
users.

fido
 
The very last part about resample is wrong. Take the time to do it right so
the image is not damaged. I haven't used your method with PSP etc. but if it
woks then that is great. If you have any trouble you can go back to the
IMPORT method. I personally like to keep my images in folders separate from
my web files, so that's why I always import.
By the way get the latest version of PSP ... version X as soon as you can.
It is another big step forward for this already great product. I'll be
writing a tutorial on that soon.
The only problem with auto-thumbnail is that the larger image is opened in
the top left of the screen... it's not even a page! This is very boring.
Read this:
http://www.eleanorstravels.com/galleryconsiderations.htm and:
http://www.eleanorstravels.com/PhotoGalleryPrograms/index.htm
Eleanor
 
I also agree with all that Ronx said.
E. T. Culling said:
The very last part about resample is wrong. Take the time to do it right
so the image is not damaged. I haven't used your method with PSP etc. but
if it woks then that is great. If you have any trouble you can go back to
the IMPORT method. I personally like to keep my images in folders separate
from my web files, so that's why I always import.
By the way get the latest version of PSP ... version X as soon as you can.
It is another big step forward for this already great product. I'll be
writing a tutorial on that soon.
The only problem with auto-thumbnail is that the larger image is opened in
the top left of the screen... it's not even a page! This is very boring.
Read this:
http://www.eleanorstravels.com/galleryconsiderations.htm and:
http://www.eleanorstravels.com/PhotoGalleryPrograms/index.htm
Eleanor
Click to expand...
 
Awesome response... I appreciate it very much.
Thanks

fido said:
Yes I know not to us fp as my graphics too.
No matter how the photos are sized at first, my concern is still inserting
them into the table without resizing the cells.
Click to expand...

[snip]
Assuming all your images are resized to the same dimensions, which
will probably look more attractive anyway, I would think your chief
concern would be to ensure that the block of (small) images is not so
wide as to introduce a horizontal scrollbar in the user's browser.

In that case, say your images are all 100px wide, you'd typically want
a five-column table 500px wide, with each column set to 100px. If you
use borders, cellspacing or cellpadding, be aware that these all
affect the width that is available in the table cells for content.

Refining that a little, if you wanted a bit of space around the
pictures you'd want to experiment with the cell widths as well as
hspace, vspace or transparent gifs to keep the images a decent
distance apart.

Basically, though, work out the exact width of the content of each
cell, and set the cell width (column width) to that figure.

This attention to detail will keep Firefox users happy as well as IE
users.

fido
Click to expand...
 
Thanks Elanor. I will be looking for your new tutorial. I will tell the Mrs.
that I need PSP for Christmas :-) I have to agree with you that the
autothumbnail is boring if you use it as is so to speak. I do that a bit
differently as well. I put the original image where I want the thumbnail and
then click on the create thumnail and save it. This produces the two images
in FP and I take the large image and put it on a new page that has my logo,
text and other stuff and then hyperlink the thumbnail to this new page.

I have so much to learn in PSP........FP too for that matter. The things
you can do seem endless. I need to learn about layers. Any advice in that
area?
 
Awesome response... I appreciate it very much.
Thanks
Click to expand...

You're most welcome, thank you.

fido
fido said:
Yes I know not to us fp as my graphics too.
No matter how the photos are sized at first, my concern is still inserting
them into the table without resizing the cells.
Click to expand...

[snip]
Assuming all your images are resized to the same dimensions, which
will probably look more attractive anyway, I would think your chief
concern would be to ensure that the block of (small) images is not so
wide as to introduce a horizontal scrollbar in the user's browser.

In that case, say your images are all 100px wide, you'd typically want
a five-column table 500px wide, with each column set to 100px. If you
use borders, cellspacing or cellpadding, be aware that these all
affect the width that is available in the table cells for content.

Refining that a little, if you wanted a bit of space around the
pictures you'd want to experiment with the cell widths as well as
hspace, vspace or transparent gifs to keep the images a decent
distance apart.

Basically, though, work out the exact width of the content of each
cell, and set the cell width (column width) to that figure.

This attention to detail will keep Firefox users happy as well as IE
users.

fido
Click to expand...
Click to expand...
 
Yes, don't use layers or absolute positioning. They can really make a mess.
Stick with TABLES!
Eleanor
 
Back
Top