Thread: insert image in table

1.) How can I insert an image in a table that the image fills a cell 100% and cell size varies with image size ? It is possible to do that in Frontpage.

2.) Can I insert various images in a table and fix them in the table that they move with the table when table is shifted ?

Thomas

Originally Posted by walk

1.) How can I insert an image in a table that the image fills a cell 100% and cell size varies with image size ? It is possible to do that in Frontpage.

2.) Can I insert various images in a table and fix them in the table that they move with the table when table is shifted ?

Thomas

point 2.) has been solved but 1.) is still an issue and I am looking foreward to an solution.

Thomas

Originally Posted by walk

1.) How can I insert an image in a table that the image fills a cell 100% and cell size varies with image size ? It is possible to do that in Frontpage.

2.) Can I insert various images in a table and fix them in the table that they move with the table when table is shifted ?

Thomas

Yes you can do it in front page, and then insert the html code between the body tags, to an html box on your bv page. Use PERCENTAGES in your table widths and cell widths. Keep in mind that unless your images are all the same size that you will get a misproportioned table and making too small images bigger will result in distorted speckled looking graphics. And making them SMALLER will also make them look distorted as well.

Karen

Originally Posted by Karen Mac

Yes you can do it in front page, and then insert the html code between the body tags, to an html box on your bv page. Use PERCENTAGES in your table widths and cell widths. Keep in mind that unless your images are all the same size that you will get a misproportioned table and making too small images bigger will result in distorted speckled looking graphics. And making them SMALLER will also make them look distorted as well.

Karen

I know that I can do it in Frontpage. But how can I do it in BV ?

Insert a table and insert images.. however, BV is a STATIC builder and your table cannot fluctuate wider than you have set the page to

Insert table, then select the cell, right click properties, and insert the image. You can adjust cells by placing your mouse on the bars untill the double lined arrows apear and move them side to side or up and down.

karen

Originally Posted by Karen Mac

Insert a table and insert images.. however, BV is a STATIC builder and your table cannot fluctuate wider than you have set the page to

Insert table, then select the cell, right click properties, and insert the image. You can adjust cells by placing your mouse on the bars untill the double lined arrows apear and move them side to side or up and down.

karen

When I do it like you say the image has to be exactly the size of the cell as I can´t adjust the image. Atleast I have not found a way to adjust it. Do you know a way ?

Well im not gonna make a table to find out, but i bet you can right click, cell html and inside tag add the image dimensions.

Why not EDIT the pics and make them the size you want before hand eh?

Karen

BV tables are static, but ONLY in BV itself. If you insert an image and it is larger that the cell, when published it will force the table cell to expand (the entire row as well)

Usually this is done by inserting the following code in the Inside Tag of the cell:

><img src="imager.php?img=image.jpg&w=120&h=120" alt="alt text" border="1"

where image.jpg is your image, imager.php is a php script that resizes on the fly the image to have either maximum width 120 OR maximum height 120.

If your imager script is set to preserve aspect ratio it will give, in example, an image with width 120 and height 90 in case of a landscape oriented pic, or viceversa in case of a portrait oriented one.

Originally Posted by navaldesign

BV tables are static, but ONLY in BV itself. If you insert an image and it is larger that the cell, when published it will force the table cell to expand (the entire row as well)

Usually this is done by inserting the following code in the Inside Tag of the cell:

><img src="imager.php?img=image.jpg&w=120&h=120" alt="alt text" border="1"

where image.jpg is your image, imager.php is a php script that resizes on the fly the image to have either maximum width 120 OR maximum height 120.

If your imager script is set to preserve aspect ratio it will give, in example, an image with width 120 and height 90 in case of a landscape oriented pic, or viceversa in case of a portrait oriented one.

Thanks Karen and George for your help.

@George

I guess that the code is produced automatically by BV when uploaded.
By what are w and h set in the code: by the size of the actual image, the size of the cell or is it a fixed size ?

Something personel as you are a marine engineer: I did deep sea sailing for many years mainly in Northern Europe, some single hand.

If you mean the imager script (the one that resizes on the fly the images) then no, it is not created by BV. You need to find one of the many available on the net for free.

The syntax might be slightly different, depending on the script itself.

But BV must create something similar when uploading as it is adjusting the cell to image size.

Tables are not a BV element but a html element. A Table will resize itself to contain the image, whatever size that is (if its bigger than the cell as designed in BV)

If you resize your images before uploading them, then the table will display the image in its real dimensions.
You can also NOT resize them but just assign width and height properties in which case it is your browser that resizes the image.

Assigning width and height might result in distorted image if the image proportions are not the same as the ones assigned.

It all depends on what you want to do.

Originally Posted by navaldesign

You can also NOT resize them but just assign width and height properties in which case it is your browser that resizes the image.

Thanks for the info. I did everything with Frontpage up to now. That is why I have to get a new understanding for the tables in BV.

You have to include it in the code that you assign to the cell html:

><img src="image.jpg" alt="you alt text " align="top" border="0" style="width:120px;height:90px;"