0

How to align text directly under picture inside td

https://www.oroa.com/pages/interior-design-services Above is the link of the page I'm unable to format properly. The images and the text below them are inside a 3 row, 3 column table. I would like to restrict the text width to the image width. PLEASE HELP. It's driving me crazy and I know it must be something pretty simple.

12th Jul 2017, 2:07 PM
Lanie
Lanie - avatar
4 odpowiedzi
+ 5
I cannot look at and test now, but what I would try is: + set the 'table-layout:fixed' css property/value to the <table> element + specify the width of the first row cells to be equal to the pictures width (plus eventual borders, margins, padding... obviously ^^) Normaly, this will be enough to constraint cell size and not allowing them to grow regarding the cell text content ;)
12th Jul 2017, 4:41 PM
visph
visph - avatar
+ 2
Have you tried cropping the images? The text should be floating on its own directly under the images. If that doesn't work try to position it via css
12th Jul 2017, 3:51 PM
Haris
Haris - avatar
+ 1
Awesome! I'll try your suggestions. Thank you both! I'll let you all know what works.
12th Jul 2017, 4:51 PM
Lanie
Lanie - avatar
+ 1
I got the page to look as I wanted now, by adding padding to the table cells. Before I had the images and the text on separate cells. I now have them in one cell together and added padding. The text now line perfectly under the image. https://www.oroa.com/pages/interior-design-services Thank you for your help!
14th Jul 2017, 3:09 PM
Lanie
Lanie - avatar