Alignment within Table using images and text...

[QuadraQ]

Hello all,

I've been working on other projects but now I'm back to doing some documentation work. I have a case in which I'm using an image for each item I'm describing in a table. However the alignment looks terrible. Here's how it looks in Flare:

Exit sample CP Reference.png

This is how it looks in Adobe InDesign and how I'd like to get the above to look:

Exit sample InDesign.png

Each column has paragraphs within the table cell then the text. How can I get these to line up properly?

[LTinker68]

Do you have the <td> tag in the stylesheet set to a top vertical alignment? It appears as though the right cell is set up that way but the left cell looks bottom aligned. You might need to split the image and the "Exit" text into two cells -- without seeing your stylesheet or topic code I can't tell exactly what's causing that behavior (there could be several reasons), but try setting the <td> tag to be vertically aligned.

[QuadraQ]

The table class I have set up does set the rows to top vertical alignment, and it appears as the screen shot shows.

[KevinDAmery]

When you did it in InDesign, did it come out like that automatically or did you have to fiddle with it to get the "Exit" text to line up with the middle of the graphic and the "Select this...." to line up with "Exit"?

In Flare (or any markup-language based system for that matter) you may have to resort to a three column table to get this effect. It looks like what you need is different top padding settings for the text than for the graphic.