Tables - Column vertical alignment

Good day for everybody,
I have a table with two columns. The first one has an inputText with 1 line. The second one has an inputText with 3 lines.
So the row height is calculated to fit the multiline object and, by default the inputText of the first line is bottom aligned.
I tried to change the first columns vertical alignment by setting the InlineStyle - vertical-align property (setting it to top or middle) but nothing happend.
So, the question is: How can I change the vertical alignment of the inputText of the first column so it is center or top aligned in its table cell? (Unfortunately I couldn't find this out by myself).
Thanks in advance for any help.
A.Gurisatti

Try nesting your text in a CellFormatted. You can also try nesting it with in a panelGroup. If you are attempting to algin you text with css there is some browser dependencies in play.

Similar Messages

Can table cell vertical alignment be defined via CSS?

In a table cell (ie, "td") is there a way to define "valign" via CSS, instead of the table cell proper?
In other words, instead of...
<table>
<tr>
<td valign="top">
...is it possible to do :
<table>
<tr>
<td class="top">
...and somehow let the stylesheet define the vertical alignment?
I'm asking because none of the attribute presets in Dreamweaver CS4 seem to provide for vertical alignment. Everything else on God's green earth seems to be there, but table cell vertical alignment seems to be the ONLY thing CSS forgot about.

How about giving the class "top": text-align:center. Or even the tag "td" in your stylesheet. Does that help?
John

Table content vertical alignment issue in Dreamweaver cs4

Hello,
I can't figure this one out. I made a sample file (code below) to debug my problem.
I have a table inside a table. Both have no cell padding or spacing and top alignment, yet, the text appears to the top but there's a gap between the top of the cell and the text. Has anyone had that problem ? Same issue when I place a picture in the table, even if the pictute is 100px X 100px and the table size the same, there still is a gab between the picture and the top of the table ???
Many thanks,
<body>
<table width="500" border="0" cellspacing="0">
<tr>
    <td valign="top" bgcolor="#00FF00">Test</td>
</tr>
<tr>
    <td valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td valign="top"><p>This text is in a table inside the first table</p>
          <p>Both tables have no cellspacing and no cellpadding yet the text is not entirely aligned to the top of the cell/table !</p></td>
      </tr>
    </table></td>
</tr>
</table>
</body>

See this live example of a basic table.
http://alt-web.com/DEMOS/basic-table.html
Content in table cells is effected by heading and paragraph styles.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Vertical Alignment in table columns

Using JHeadstart 10.1.3.4.
Different display types are differently positioned in table columns. Single text seems vertically centered; text fields with multiple lines are vertically aligned at the top of a table column; vertical radio buttons are vertically aligned at the bottom of a table column. The resulting display is quite messy.
I have not found any formating option in JHeadStart that allows for controlling vertical alignment. Am I a missing something?
If JHeadStart 10g does not support controlling vertical alignment directly, how should this be handled? Does JHeadStart 11g add such vertical alignment support?

Hello,
If you need anything special considering vertical alignment in tables, you can simply perform that in the resulting JSPX page. In other words, just alter the JSPX file to whatever you need.
Save your customizations in JHeadstart using velocity templates, so your page is regenerateable while keeping your changes. See the JHeadstart Developers Guide on how to change such customizations in the templates.
Also in release 11 there is no vertical alignment (yet); I suppose because for most tables, each row just has a single line and vertical alignment is therefore not needed. However, I have put it on the wish-list, so we will check on it later. Thanks!
Regards,
Evert-Jan de Bruin
JHeadstart Team

Vertical alignment

<div class="content">
<div> (css attribute float : left)
    <img>
</div>
<div> (css attribute float : left)
    <table> (I need this table to align vertically with the image.)
                 (vertical-align : middle   doesn't seen to do anything)
</div>
</div>
I've tried encasing the table in another div and set THAT element to vertically align.
What am I missing?
Dana

Copy & paste this code into a new, blank document.   This layout uses CSS display:table properties to which you can add vertical-alignment.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>HTML5 Layout with Display:Table Properties</title>
<style>
body {
font-family:Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
font-size:100%;
font-weight:bold;
background: #FFF;
width: 90%;
margin: 45px auto;
display: table;
border: 4px solid #90F;
/**optional rounded borders**/
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
section {
display: table-row;
background: #FFF;
margin: 0;
width: 100%;
aside.one {
width: 33%;
padding: 0 2%;
background: #F60;
color: #FFF;
display: table-cell;
vertical-align: top;
aside.two {
width: 33%;
padding: 0 2%;
background: #9F0;
color: #000;
display: table-cell;
vertical-align: bottom;
aside.three {
width: 33%;
padding: 0 2%;
background: #F09;
color: #FFF;
display: table-cell;
vertical-align: middle;
</style>

</head>
<body>
<header>This is header</header>
<section>
<aside class="one">
<p>Aside .one has vertical-align:top. </p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Vestibulum gravida metus eu metus elementum in rhoncus nisi cursus.
Donec hendrerit condimentum ipsum, in sodales dui rhoncus non?
Nulla facilisi. Nulla porta, dolor et suscipit elementum, sem sem viverra
arcu, et aliquam elit leo porttitor urna. Praesent tristique lacus a metus
pharetra quis pharetra sapien laoreet. Nam tempor pharetra magna nec luctus.</p>
</aside>
<aside class="two">
<p>Aside .two has vertical-align:bottom.</p>
</aside>
<aside class="three">
<p>Aside .three has vertical-align:middle.</p>
</aside>
</section>
<footer>This is footer</footer>
</body>
</html>
Here's a screenshot:
Nancy O.

Graphic and title vertically aligned

I'm trying to set up graphic images with numbered titles (captions) aligned to the left of the image. I have a single column layout with a side head. I'd like the graphics to go in the column and the title to go in the left side head, vertically aligned with the top of the graphic.
My graphic title format has side head alignment and is in the right place. The anchor for the frame that holds the graphic is at the end of the title paragraph. I've tried different anchoring positions, but can't seem to get the frame in the column, vertically aligned with the title. Has anyone done this?

You need to adjust the settings in the respective paratgs.
For the Figure Caption paratag, set the Side Head-Alignment to be "Top Edge".
For the Anchored frame in the next paratag set it to be at insertion point.
Having a paragraph between the graphic title and the frame, breaks the "Keep with Next" between the two, leaving the possiblitly of having the title on one page and the graphic on the next.
The anchored frame should be in that next paratag. There shouldn't be anything in between.
If I follow your requirements, it looks something like this:

Vertical alignment off in table columns

I have a table with 3 columns with one row above and below
Text in left and right column is aligned to the top but in
the middle column the text will not align to the top. In IE it is
correct but in Firefox 1.6 it is down by 1 line
How to correct?
David
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN" "
http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML
xmlns="
http://www.w3.org/1999/xhtml"><HEAD><TITLE>BustedComputer</TITLE>
<META http-equiv=Content-Type content="text/html;
charset=iso-8859-1" />
<style type="text/css">

</style>
</HEAD>
<BODY>
<TABLE cellSpacing=0 cellPadding=0 width=800 align=center
border=0>
<TBODY>
<TR>
<TD colSpan=3 bgcolor="#6699FF">Top</TD>
</TR>
<TR>
<TD width="150" bgcolor="#6699FF"><a
href="#">leftside</a></TD>
<TD bgcolor="#FFFFCC"><p>Contrary to popular
belief, Lorem Ipsum is not simply
random text. It has roots in a piece of classical Latin
literature from
45 BC, making it over 2000 years old.<br>
<br>
Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de
Finibus
Bonorum et Malorum" (The Extremes of Good and Evil) by
Cicero, written
in 45 BC. This book is a treatise on the theory of ethics,
very popular
during the Renaissance. The first line of Lorem Ipsum,
"Lorem ipsum dolor
sit amet..", comes from a line in section 1.10.32.</p>
</TD>
<TD width="150" bgcolor="#FFFFCC">rightside</TD>
</TR>
<TR>
<TD colSpan=3 bgcolor="#6699FF">Bottom</TD>
</TR></TBODY></TABLE></BODY></HTML>

Could it be that you are seeing the top margin on the
<p> tag?
<TD bgcolor="#FFFFCC"><p>Contrary to popular
belief
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"davidhelp" <[email protected]> wrote in
message
news:[email protected]...
>I have a table with 3 columns with one row above and
below
> Text in left and right column is aligned to the top but
in the middle
> column
> the text will not align to the top. In IE it is correct
but in Firefox 1.6
> it
> is down by 1 line
>
> How to correct?
>
> David
>
> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN"
> "
http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
> <HTML
> xmlns="
http://www.w3.org/1999/xhtml"><HEAD><TITLE>BustedComputer</TITLE>
> <META http-equiv=Content-Type content="text/html;
charset=iso-8859-1" />
> <style type="text/css">
> 
> </style>
> </HEAD>
> <BODY>
> <TABLE cellSpacing=0 cellPadding=0 width=800
align=center border=0>
> <TBODY>
> <TR>
> <TD colSpan=3 bgcolor="#6699FF">Top</TD>
> </TR>
> <TR>
> <TD width="150" bgcolor="#6699FF"><a
href="#">leftside</a></TD>
> <TD bgcolor="#FFFFCC"><p>Contrary to popular
belief, Lorem Ipsum is
> not
> simply
> random text. It has roots in a piece of classical Latin
literature
> from
> 45 BC, making it over 2000 years old.<br>
> <br>
> Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of
"de Finibus
> Bonorum et Malorum" (The Extremes of Good and Evil) by
Cicero,
> written
> in 45 BC. This book is a treatise on the theory of
ethics, very
> popular
> during the Renaissance. The first line of Lorem Ipsum,
"Lorem
> ipsum
> dolor
> sit amet..", comes from a line in section
1.10.32.</p>
> </TD>
> <TD width="150"
bgcolor="#FFFFCC">rightside</TD>
> </TR>
> <TR>
> <TD colSpan=3 bgcolor="#6699FF">Bottom</TD>
>
</TR></TBODY></TABLE></BODY></HTML>
>
>

How to achive table column header style (vertical text)?

Hi,
Can we show adf table column headers with vertical text, and with rotation. For eg. "Dept Id" lable should show up as similar to what the below HTML does:
<html>
<div style="float: left;
position: relative;
-moz-transform: rotate(1000deg); /* FF3.5+ */
-o-transform: rotate(290deg); /* Opera 10.5 */
-webkit-transform: rotate(290deg); /* Saf3.1+, Chrome */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); /* IE6,IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3); /* IE8 */">Dept Id</div></html>
Edited by: pramod gujjeti on Sep 18, 2011 8:51 PM
Edited by: pramod gujjeti on Sep 18, 2011 8:51 PM

Hi,
I've used the below style classes in CSS, but still not getting the accurate Column Header Vertical Text. Also, in IE browser column header text is shrinked vertically when headerClass styles are applied!
Any help appreciated!
.sch af|column::column-header-cell {
vertical-align: bottom;
padding-bottom: 10px;
height: 80px;
.schc af|column::column-header-cell-content {
-moz-transform: rotate(270deg);
/* FF3.5+ */
filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=3);
/*IE6,IE7*/
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
/*IE8*/
-o-transform: rotate(270deg);
/*Opera 10.5*/
-webkit-transform: rotate(270deg);
/*Saf3.1+, Chrome*/
position: relative;
vertical-align: bottom;
Edited by: pramod gujjeti on Sep 27, 2011 9:09 AM

VERTICAL ALIGNMENT ON WORD TABLE IS MISS.

Hello everybody,
Can somebody clear my mind? I did the code below, and this generates a beautiful and clean table on word 2010. The problem is that the instruction “.Rows.Height = 8” and
“.Cells.VerticalAlignment = Word.WdCellVerticalAlignment.wdCellAlignVerticalCenter” seems
not work, besides, when I try to adjust the rows height and vertical alignment by myself, after routine generates the table of course, Word don´t allow me to do these adjustment by hand.
The property “.Rows.Height = 8” seems to be working, because when I change to “.Rows.Height = 25” the rows height really goes to it, also, there is no problem with horizontal alignment, this is work very fine.
Working with VS 2012 and Word 2010.
Tried everything, no result….
Thank you.
Private Sub Button6_Click(sender As Object, e As EventArgs) Handles Button6.Click
Dim WA As New Word.Application
Dim WD As Word.Document
Dim WS As Word.Selection
Dim model_address, mes_extenso, texto, texto_ref, pic_address As String
model_address = Application.StartupPath & "\GTMS_MDL.docx"
pic_address = Application.StartupPath & "\PIC\TABELA01.png"
WD = WA.Documents.Open(model_address, [ReadOnly]:=True)
WS = WA.Selection
Dim WT1 As Word.Table
Dim WR1 As Word.Range
Dim lin_wt1, lin_wt2, lin_wt3 As Integer
lin_wt1 = 3
WT1 = WD.Tables.Add(WA.Selection.Range, lin_wt1 + 2, 5)
With WT1.Range
.ParagraphFormat.Alignment = Word.WdParagraphAlignment.wdAlignParagraphCenter
.Cells.VerticalAlignment = Word.WdCellVerticalAlignment.wdCellAlignVerticalBottom
.Rows.Shading.BackgroundPatternColor = Word.WdColor.wdColorAqua
.Rows(1).Shading.BackgroundPatternColor = Word.WdColor.wdColorBlueGray
.Rows.Borders.OutsideLineStyle = Word.WdLineStyle.wdLineStyleSingle
.Columns.Borders.InsideLineStyle = Word.WdLineStyle.wdLineStyleSingle
.Font.Bold = True
.Font.ColorIndex = Word.WdColorIndex.wdWhite
.Rows.Height = 8
.Columns(1).Width = 30
.Columns(2).Width = 350
.Columns(3).Width = 40
.Columns(4).Width = 50
.Columns(5).Width = 50
.Font.Size = 7
End With
WT1.Range.Text = ""
WT1.Cell(1, 1).Range.Text = "ITEM"
WT1.Cell(1, 2).Range.Text = "DESCRIÇÃO"
WT1.Cell(1, 3).Range.Text = "QTD."
WT1.Cell(1, 4).Range.Text = "UNIT."
WT1.Cell(1, 5).Range.Text = "SUBTOTAL"
For i = 0 To lin_wt1
WT1.Cell(i + 1, 2).Range.ParagraphFormat.Alignment = Word.WdParagraphAlignment.wdAlignParagraphLeft
Next
For i = 0 To lin_wt1 - 1
WT1.Cell(i + 2, 1).Range.Text = i + 1
WT1.Cell(i + 2, 2).Range.Text = DGV1.Rows(i).Cells(2).Value
WT1.Cell(i + 2, 3).Range.Text = DGV1.Rows(i).Cells(3).Value
WT1.Cell(i + 2, 4).Range.Text = DGV1.Rows(i).Cells(4).Value
WT1.Rows(i + 2).Range.Font.ColorIndex = Word.WdColorIndex.wdBlack
WT1.Rows(i + 2).Range.Font.Bold = False
Next
WT1.Cell(lin_wt1 + 2, 1).Merge(WT1.Cell(lin_wt1 + 2, 2))
WT1.Cell(lin_wt1 + 2, 2).Merge(WT1.Cell(lin_wt1 + 2, 4))
WT1.Cell(lin_wt1 + 2, 1).Range.Text = "TOTAL GERAL"
WT1.Rows(lin_wt1 + 2).Range.Font.ColorIndex = Word.WdColorIndex.wdDarkRed
WT1.Rows(lin_wt1 + 2).Range.Font.Size = 10
WT1.Cell(lin_wt1 + 2, 1).Range.ParagraphFormat.Alignment = Word.WdParagraphAlignment.wdAlignParagraphLeft
WT1.Cell(lin_wt1 + 2, 2).Range.ParagraphFormat.Alignment = Word.WdParagraphAlignment.wdAlignParagraphCenter
WT1.Cell(lin_wt1 + 2, 2).Range.Text = FormatCurrency(12560, 2)
WA.Visible = True
WA = Nothing
WD = Nothing
WS = Nothing
End Sub

Hi,
>>The problem is that the instruction “.Rows.Height = 8” and
“.Cells.VerticalAlignment = Word.WdCellVerticalAlignment.wdCellAlignVerticalCenter” seems
not work, besides, when I try to adjust the rows height and vertical alignment by myself, after routine generates the table of course, Word don´t allow me to do these adjustment by hand.
The property “.Rows.Height = 8” seems to be working, because when I change to “.Rows.Height = 25” the rows height really goes to it, also, there is no problem with horizontal alignment, this is work very fine<<
I am not able to understand the issue exactly. Can you set the height for the rows using Rows.Height? I made a quick test using VBA based on the code above, it works well for me. And I can also adjust by hand after run the code.
>> “.Cells.VerticalAlignment = Word.WdCellVerticalAlignment.wdCellAlignVerticalCenter” seems
not work<<
What effect did you want to achieve? Based on the code samlpe you were setting the verical alignment to bottom however the description are center. Both center and bottom for the vertical alignment works well for me.
I would suggest that you test the code using a new document to see whether the issue is realtive to the specific document. Here is the test code in VBA for your reference:
Sub test()
Dim WA As New Word.Application
WA.Visible = True
Dim WD As Word.Document
Dim WS As Word.Selection
Dim model_address, mes_extenso, texto, texto_ref, pic_address As String
'model_address = Application.StartupPath & "\GTMS_MDL.docx"
model_address = "C:\doc1.docx"
'pic_address = Word.Application.StartupPath & "\PIC\TABELA01.png"
Set WD = WA.Documents.Open(model_address, ReadOnly:=True)
Set WS = WA.Selection
Dim WT1 As Word.Table
Dim WR1 As Word.Range
Dim lin_wt1, lin_wt2, lin_wt3 As Integer
lin_wt1 = 3
Set WT1 = WD.Tables.Add(WA.Selection.Range, lin_wt1 + 2, 5)
With WT1.Range
.ParagraphFormat.Alignment = Word.WdParagraphAlignment.wdAlignParagraphCenter
.Cells.VerticalAlignment = Word.WdCellVerticalAlignment.wdCellAlignVerticalCenter
.Rows.Shading.BackgroundPatternColor = Word.WdColor.wdColorAqua
.Rows(1).Shading.BackgroundPatternColor = Word.WdColor.wdColorBlueGray
.Rows.Borders.OutsideLineStyle = Word.WdLineStyle.wdLineStyleSingle
.Columns.Borders.InsideLineStyle = Word.WdLineStyle.wdLineStyleSingle
.Font.Bold = True
.Font.ColorIndex = Word.WdColorIndex.wdWhite
.Rows.Height = 8
.Columns(1).Width = 30
.Columns(2).Width = 350
.Columns(3).Width = 40
.Columns(4).Width = 50
.Columns(5).Width = 50
.Font.Size = 7
End With
WT1.Range.Text = ""
WT1.Cell(1, 1).Range.Text = "ITEM"
WT1.Cell(1, 2).Range.Text = "DESCRI??O"
WT1.Cell(1, 3).Range.Text = "QTD."
WT1.Cell(1, 4).Range.Text = "UNIT."
WT1.Cell(1, 5).Range.Text = "SUBTOTAL"
For i = 0 To lin_wt1
WT1.Cell(i + 1, 2).Range.ParagraphFormat.Alignment = Word.WdParagraphAlignment.wdAlignParagraphLeft
Next
For i = 0 To lin_wt1 - 1
WT1.Cell(i + 2, 1).Range.Text = i + 1
WT1.Cell(i + 2, 2).Range.Text = "a" 'DGV1.Rows(i).Cells(2).Value
WT1.Cell(i + 2, 3).Range.Text = "b" 'DGV1.Rows(i).Cells(3).Value
WT1.Cell(i + 2, 4).Range.Text = "c" 'DGV1.Rows(i).Cells(4).Value
WT1.Rows(i + 2).Range.Font.ColorIndex = Word.WdColorIndex.wdBlack
WT1.Rows(i + 2).Range.Font.Bold = False
Next
WT1.Cell(lin_wt1 + 2, 1).Merge WT1.Cell(lin_wt1 + 2, 2)
WT1.Cell(lin_wt1 + 2, 2).Merge WT1.Cell(lin_wt1 + 2, 4)
WT1.Cell(lin_wt1 + 2, 1).Range.Text = "TOTAL GERAL"
WT1.Rows(lin_wt1 + 2).Range.Font.ColorIndex = Word.WdColorIndex.wdDarkRed
WT1.Rows(lin_wt1 + 2).Range.Font.Size = 10
WT1.Cell(lin_wt1 + 2, 1).Range.ParagraphFormat.Alignment = Word.WdParagraphAlignment.wdAlignParagraphLeft
WT1.Cell(lin_wt1 + 2, 2).Range.ParagraphFormat.Alignment = Word.WdParagraphAlignment.wdAlignParagraphCenter
WT1.Cell(lin_wt1 + 2, 2).Range.Text = FormatCurrency(12560, 2)
WA.Visible = True
Set WA = Nothing
Set WD = Nothing
Set WS = Nothing
End Sub
Hope it is helpful.
Regards & Fei
We are trying to better understand customer views on social support experience, so your participation in this interview project would be greatly appreciated if you have time. Thanks for helping make community forums a great place.
Click
HERE to participate the survey.

How to align a String value to the right side inside a table column?

Hi,
I have a text view inside a table column which is mapped to a string attribute. I need to align the text in the text view to the right hand inside the table column. But its always getting aligned towards the left side. I have tried by setting the <b>hAlign</b> property of Element properties of Text View to <b>right / forced right</b> but still the text is getting aligned to the left side.
How do I align the String values in Text View towards the right hand side inside a Table Column?
Thanks and Regards,
Sayan Ghosh

Hello Sayan,
if i do get it right, you are adding an TextView element to a Table Cell. Then you should consider setting aligment within the particular cell. By calling:
YourCell.setHorizontalAlignment(CellHAlign.RIGHT)
regards.
mz

Alignment on a specific character in an af:table column

Hello,
I have an af:table with columns containing vehicle kilometer counter, average speeds, running hours... These values may contain décimals, but not always. And I would like these values to be aligned on the decimal separator (. or ,) in the table column. Could you tell me how to do this?
The only solution I have found now is using text-align=right and using minFractionDigits/maxFractionDigits. Working, but not very attractive...
Thank you for your help
Stephane

The approach used by you - seems to be fine for me.
1) For aligning the text to the right, you would need to use the text-align:right as an inlineStyle property for the column.
2) For formatting of numbers, you can use the specify the pattern directly-
<af:column sortProperty="Salary" sortable="false"
headerText="#{bindings.Employees.hints.Salary.label}"
id="resId1c8" inlineStyle="text-align:right">
<af:outputText value="#{row.Salary}" id="ot8">
<af:convertNumber groupingUsed="true" pattern="###,###,###.000"/>
</af:outputText>
</af:column>
Thanks,
Navaneeth

BO XIR2 SP3 FP3.3 - vertical alignment of 1st column of 2nd page ignored

We have webi reports that have all cells set to vertical alignment bottom. If the report spans more than one page, the first column of the second page reverts to vertical alignment center for all cells in the column. All other columns remain with bottom vertical alignment. This problem does not occur in PDF view, only in HTML views. Does anyone know if there is a fix for this? Can I modify a file somewhere in the system to fix a missing vertical alignment tag?
Joe Gottschall
Pixstar, Inc.

Yes, there is "sort-of":
Object > Text Frame Options ( Ctrl + B )
Vertical Justification, set Align to "Justify".
It won't distribute evenly across all three columns though... in other words InDesign doesn't balance the text across the three columns with this feature.
Instead it pushes space between lines/paragraphs within each column to ensure the top and bottom line of text in each column are lined up with top and bottom of text frame.
If there is only a little bit of text in the last column, things might not look like you anticipated.

Vertically-aligned tables shift down when entering/editing text within the table.

Hi all,
We have a sudden problem that is occurring, and I've done a lot of searching without finding anything close to this happening elsewhere.
If there is ever a table that is aligned vertically within a text frame, you cannot edit the text without having it shift down one line break for every letter you type, until it's bottom-aligned within the frame. You can then click "align center", and it will re-align itself. Then, if/when you need to change even one letter again inside the table, it will shift down one line.
We've tested it with two different docs on both Mac and PC, with the same problem. I've cleared my prefs on the Mac to see if that would make a difference, and it hasn't done anything.
Any thoughts here? I can't recall anything that would have changed since this started happening, but it won't leave us alone now!
Thanks!!

Very interesting. I do lots of tables but don't vertically justify so I have never run into this. However I can confirm this behavior on a new clean test page I made, using InDesign CS5 (7.0.3) on Mac OS 10.6.6. I have no other problems with InDesign; it is running flawlessly. And no weird plug-ins or system hack software.
My test file uses my default font (Adobe Minion Pro) and the default table (Insert > Table).
It also shifts down when I delete a character in a cell. And the shift for me is more than one carriage return. I can get it back to center-aligned by top aligning and then choosing center align again.

Vertical alignment in tables

On many of our tables, we want the contents of cells to be
vertically aligned to the top of the cell. RH is vertically
centering everything. Is there any way to force alignment to the
top of the cell?

It is a bug in the editor. Generate an output and you will see it is displayed correctly.
See www.grainge.org for RoboHelp and Authoring tips

Vertical alignment in table cells not working in generated output

Using RH9 WebHelp. I have created a simple table style. Because I could not find out how to make cell vertical alignment (top, center, bottom) part of the style definition, I have been applying it manually to individual whole tables using the cell alignment properties.
This worked fine for a while, but at some point I noticed that even though the tables look right in Design view, with top-aligned cells contents, it gets hosed in generating output and all tables now come with vertically centred cell contents even through the in-line formatting for top alignment is still there in the code.
Any ideas?

Hi Mike,
I'm confused to where you applied the vertical alignment. Normally, I would set this for the table cells and not the table.
CSS has indeed an order in rendering: There is a point system for determining the CSS to apply. See http://net.tutsplus.com/tutorials/html-css-techniques/quick-tip-understanding-css-specific ity/ for a short introduction.
And as an extra to the point system, the place where the styling is present, also determines the styling. Browsers use the following hierarchy (in descending order)
User style sheet defined in the browser.
Inline styling.
Style block in page.
External style sheet
You can overwrite styling from a lower order using the !important declaration. You can use this to make sure that inline styling will not be able to overwrite styles from your style sheet. (Unless the inline styles use !important themselves.) Example:
table.mytable td {
vertical-align: middle !important;
This will make all the content of table cells in the table with the class mytable to be vertically centered.
Greet,
Willam

Tables - Column vertical alignment

Similar Messages

Maybe you are looking for