How to make a table cell the exact size of the image contained within it

A table cell should automatically wrap to the size of the image which is in it if l remember correctly, assuming no width or height is added to the cell/table itself. You may also need to use some css to make the images in the cell align to the bottom of the cell without leaving a space.

img {

display: block;

}

Having said that this kind of structure was something used many years ago and probably serves no benefit when building modern web application today, there's almost certainly better options available.

Here's the thing.  What you're planning is a really bad idea for a boat load of reasons.

1. Image slices rank at the bottom of best web practices with the Titanic.  Nobody uses them anymore.

2. Your approach to web design is not mobile-friendly.  Users won't have a good experience on your site.

3. Since 2006, nobody uses outdated tables for layouts. CSS replaced them.

Start over with one of the pre-built Bootstrap Templates in Dreameaver CC.

1. Defiine your local site folder.  Site > New Site...

2. Go to File > New > Starter Templates > Bootstrap Templates.  Choose a layout and hit CREATE button. See screenshots.

Save As index.html (your home page).

Dreamweaver will create a responsive (mobile-friendly) starter site for you.

Replace starter text and images with your own text & images. 

Don't use image slices. Use whole images that can rescale to fit on smaller devices. 

REFERENCE TUTORIALS:
- https://www.w3schools.com/html/
- https://www.w3schools.com/css/
- https://www.w3schools.com/bootstrap/

Hope that helps. Post back if you have any questions.

Good luck with your project.