Dreamweaver Tables

[Kyle5e88]

I'm editing our staff page using dreamweaver. The staff images are in a table. The images have a width of 125px. The column the pictures are in is wider than the image width. I am unable to click and drag the column border to snap it to the image. I have also tried using the table properties to resize with no luck. Any idea?

[Jon Fritz]

Tables are a bit different to edit inside the Live View Editor than they are in the more familiar Design View.

You could...
1. Switch to Design View in the Document Toolbar. If it's not open, go to Window > Toolbars > place a check next to Document. That will give you the more usual functions you expecting, or...

2. While in Live View, Click the uppermost edge of the table to create a blue highlight tab in the upper left of the table. You then click the 3 bar hamburger menu to activate the expanded tables mode (thick black cell outlines) to click and drag columns.

If the above don't help, we would have to see your code to determine what's disallowing those functions in DW. Posting a link to your page online is the fastest way to get help with code issues.

[Nancy OShea]

Hi @Kyle5e88,

Don't use tables for layout. Bootstrap Cards are better for this.

https://www.w3schools.com/bootstrap4/bootstrap_cards.asp

Also 125px images will look like postage stamps on Hi-Res displays. I wouldn't use anything less than 500px wide responsive images.