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.

Similar Messages

  • 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">
    <!--
    body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11pt;
    color: #000000;
    margin-left: 0px;
    margin-top: 0px;
    table, td
    border-color: #000000;
    border-style: solid;
    table
    border-width: 0 0 1px 1px;
    border-spacing: 0;
    border-collapse: collapse;
    td
    margin: 0;
    padding: 10px;
    border-width: 1px 1px 0 0;
    vertical-align: top;
    a:link { color: blue; text-decoration: none }
    a:active { color: blue; text-decoration: none }
    a:visited { color: #0000FF; text-decoration: none }
    a:hover { color: blue; background-color:#FFFF9D;
    text-decoration: underline }
    -->
    </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">
    > <!--
    > body {
    > font-family: Verdana, Arial, Helvetica, sans-serif;
    > font-size: 11pt;
    > color: #000000;
    > margin-left: 0px;
    > margin-top: 0px;
    >
    > }
    > table, td
    > {
    > border-color: #000000;
    > border-style: solid;
    > }
    > table
    > {
    > border-width: 0 0 1px 1px;
    > border-spacing: 0;
    > border-collapse: collapse;
    > }
    > td
    > {
    > margin: 0;
    > padding: 10px;
    > border-width: 1px 1px 0 0;
    > vertical-align: top;
    > }
    > a:link { color: blue; text-decoration: none }
    > a:active { color: blue; text-decoration: none }
    > a:visited { color: #0000FF; text-decoration: none }
    > a:hover { color: blue; background-color:#FFFF9D;
    text-decoration:
    > underline }
    >
    > -->
    > </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>
    >
    >

  • Vertical Alignment in Word 2007 Avery Label 5366

    I am having trouble getting my text to center vertically within the label area. I have already set the alignment to center and the line spacing befor and after are set to 0. I am still getting a "SHIFT" of the text towards the bottom of the label
    area. I have even tried setting alignment to top and then increasing the spacing to get the letters centered. Using ARIAL BLACK I am trying to fit a size 48 letter and get it centered. I am printing the alphabet so the word size is not an issue. The result
    is a large white space over the letters with the bottom legs of the cap A getting chopped by the label border.
    http://i1329.photobucket.com/albums/w545/DjTrex24/Word2007_LabelAlignment_zps83d28960.jpg

    I trying my hard to search for the answer of the question exactly the same as you. It took me several days, but finally I got an answer.
    You can use centerVertically property of group, set this property to "true" will centrally align the control in the group.
    For example
                    <group id="g1" label="Group1" autoScale="false"
    centerVertically="true">
                            <box id="box1" boxStyle="horizontal">
                                <control idQ="NavigationPaneFind" visible="true" size="small"/>
                                <control idQ="FileSendAsAttachment" visible="true" size="small"/>
                            </box>
                            <box id="box2" boxStyle="horizontal">
                                <control idQ="FormatPainter" visible="true" size="small"/>
                                <control idQ="Cut" visible="true" size="small"/>
                            </box>
                    </group>

  • 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>
    <!--[if lt IE 9]>
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
    </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.

  • Horizontal align center in table-cell

    Hello,
    I'm having a problem getting to horizontally align a div (schilderij) in another div (schilderijholder).
    This schilderij div has a height and width of 480px and has display: table-cell. The content of this div is an image, with different sizes on every page (there are multiple pages, it is some sort of photogallery). The images are nicely centered, horizontally and vertically, inside this div.
    The containing div (schilderijholder), has a width of 100% of it's containing block, which has a variable size
    The problem is, I cant get the schilderij div horizontally centered in the schilderijholder div.
    Here's the simplified code. If you need the whole code, I can post that too.
        <div class="leftWrapper" style="clear: none; float: left; width: 68%; height: 100%;">
        <div class="content" style="margin: 40 10 50 30;">
          <div id="schilderijholder" style="text-align: center; width: 100%; height: 100%;">
              <div id="schilderij" style=" height: 480px; width: 480px; text-align: center; vertical-align: middle; display: table-cell;">
                <img src="../Assets/Schilderijen/normal/01.jpg" width="399" height="480" align="center" />
                </div>
              </div>
            <div id="pageControl">
            <span class="left">
              <a href="schilderijen2.html"></a> </span>
              <span class="right">
              <a href="02.html">Volgende</a>
                </span>
              </div>
          </div>
         </div>
    What I've tried:
         - "margin: 0 auto;" on the schilderij div
         - "position: relative;" on the schilderijholder div and "position: absolute; left: 50%; margin-left: -240px;" on the schilderij div
    But these both don't work.
    Does anybody know a solution for this, or maybe has something to put me on the right way?
    Thanks in advance!

    Let's fix your code first:
    <div class="leftWrapper" style="float: left; width: 68%; height: 100%;">
        <div class="content" style="margin: 40px 10px 50px 30px;">
          <div id="schilderijholder" style="text-align: center; width: 100%; height: 100%;">
              <div id="schilderij" style=" height: 480px; width: 480px; text-align: center; vertical-align: middle; display: table-cell;">
                <img src="../Assets/Schilderijen/normal/01.jpg" width="399" height="480" align="center" />
                </div>
              </div>
            <div id="pageControl">
            <span class="left">
              <a href="schilderijen2.html"></a> </span>
              <span class="right">
              <a href="02.html">Volgende</a>
                </span>
              </div>
          </div>
         </div>
    Why do you need the div#schilderij at all?  Seems unnecessary to me.
    Then you would need the display:table-cell on the parent to this div, not on the div#schilderij, which has basically the same dimensions as the image.  But I think this is all too complicated.  Why not just this?
    <div class="leftWrapper" style="float: left; width: 68%;">
        <div class="content" style="margin: 40px 10px 50px 30px;">
          <div id="schilderijholder" style="text-align: center;">
                <img src="../Assets/Schilderijen/normal/01.jpg" width="399" height="480" align="center" />
                </div>
              </div>
            <div id="pageControl">
            <span class="left">
              <a href="schilderijen2.html"></a> </span>
              <span class="right">
              <a href="02.html">Volgende</a>
                </span>
              </div>
          </div>
         </div>

  • 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

  • Basic questions about word spacing and vertical alignment with CSS

    I'm sill very new to Dreamweaver and web page designing. I've
    read the entire manual SC3, one book, and starting another but I
    have almost 0 practice.
    Q1. so far I haven't been able to produce the effect of the
    Word Spacing property. I tried all kinds of tests and I don't know
    in what scenario this effect will show. Can someone give me a
    simple example that shows the effect of this CSS property.
    Q2. Vertical Alignment: this works well with images inserted
    into text but I also expected this to work with text against other
    text. For example I typed TEST© and assigned a different SCC
    style to the © so that I can make it smaller and put it up
    with the Vertical Alignment property. Surprisingly this propery
    didn't produce any effect. How is htis suppose to be done?

    > This is some text. This is some text.
    You forgot to wrap your text in <p> tags so the style
    rule you created
    doesn't apply.
    Walt
    "emil emil" <[email protected]> wrote in
    message
    news:[email protected]...
    >
    quote:
    Originally posted by:
    Newsgroup User
    > i don't know about Q1. but for Q2. just delete what you
    already have for
    > the copyright symbol, and then insert the copyright
    special character.
    > there's a couple ways to do it: on the main menu at the
    top of the
    > window, go to Insert, then HTML, then Special
    Characters, and select
    > Copyright. or you can also find it in the Insert panel,
    which is below
    > the menu, under Text. ...
    >
    >
    > Thanks courtney, but that was exactly the way I created
    the © character
    > and
    > like in this text here it needs to be scaled down and
    moved up
    > independently
    > from the surrounding text. Can someone please post a
    simple code showing
    > the
    > effect of the vertical alignment of text in relation to
    surrounding text.
    >
    >
    >
    quote:
    Originally posted by:
    Newsgroup User
    > Q1
    >
    > <html>
    > <head>
    > <style type="text/css">
    > p
    > {
    > word-spacing: 30px
    > }
    > </style>
    > </head>
    > <body>
    >
    > <p>
    > This is some text. This is some text.
    > </p>
    >
    > </body>
    > </html>
    >
    >
    > Thank you Ken, your code works but not the code
    generated from
    > Dreamweaver
    > when I type in the Design View and assing CSS style to
    the p tag. Does
    > Dreamweaver have trouble generating properly working
    HTML or I'm missing
    > something here? Here is the code that Dreamweaver
    generates and the word
    > spacing doesn't work with it.
    >
    > <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
    Transitional//EN"
    > "
    http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    > <html xmlns="
    http://www.w3.org/1999/xhtml">
    > <head>
    > <meta http-equiv="Content-Type" content="text/html;
    charset=utf-8" />
    > <title>Untitled Document</title>
    > <style type="text/css">
    > <!--
    > p {
    > word-spacing: 50em;
    > }
    > -->
    > </style>
    > </head>
    >
    > <body>
    > This is some text. This is some text.
    > </body>
    > </html>
    >
    >
    >

  • 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

  • Losing table vertical alignment when converting ditamap to book

    FrameMaker Version: 12.0.4.445 (latest, part of TCS5)
    I have a structured project, where several XML files have been arranged into a ditamap.
    For one of the XML files, I have a table, where I need to set Cell Vertical Alignment of the cells to MIDDLE.
    So using Paragraph Designer > Table Cell, I change the entries from Top to Middle (The defaults were Top).
    With the ditamap pane selected, I then go File menu >> Save Ditamap As
    I save the ditamap as "Book 12.0 with fm components (*.book)" file type.
    In the resulting book, the XML files are now .FM files.
    However, at this point, when I open the .FM file that has the table, the cell styles have reverted to TOP.
    I've searched high-and-low for a similar issue. This is looking like a bug to me, but can someone confirm?
    Thanks

    (Perhaps the moderator should move this to the FrameMaker Integration discussion (under RoboHelp).
    I've determined the correct settings for my purposes, that being vertical alignment in a FM-to-RH integration project. I originally thought it was specifically a FrameMaker issue, though the solution also involves settings in RoboHelp. Here are my findings:
    1. For the selected FM table, note its Table Tag in the Table Designer (e.g., FormatA). This will be used later.
    2. If there is table Entry > Image element, then select the Image element, and set its placement attribute = inline.
    Though inline is supposed to be the default, I found it necessary to state explicitly in order to control alignment of image within a RH table cell.
    3. Moving on from FM, in the CSS file that you are using with your RH project, suppose that you have defined your table as follows. Note that I'm using "CenterMiddle" as the title.
    table.CenterMiddle {
      width: 100% ! important ;  /* This forces the RH table to autofit the window */
      text-align: Center;
      font-family: "Adobe Garamond Pro";
      border-left-style: Solid;
      border-left-width: 1px;
      border-left-color: #000000;
      border-right-style: Solid;
      border-right-width: 1px;
      border-right-color: #000000;
      border-top-style: Solid;
      border-top-width: 1px;
      border-top-color: #000000;
      border-bottom-style: Solid;
      border-bottom-width: 1px;
      border-bottom-color: #000000;
    .CenterMiddle td {
      vertical-align: middle ! important ;  /* This forces the individual cells to align vertically */
      border-color: #000000;
      border-style: solid;
      border-width: 1px;
    4. Go to the RH project to which the FM project is linked.
    5. Go File menu > Project Settings.
    6. In the FrameMaker Document group, click Edit.
    7. Under FrameMaker Settings, locate the Table style that you noted in step (1), and set it to the name of your table from (3).
    At this point, you can update all the FM components in your RH project, and compile the RH project to get the desired results. In my case, I needed both text and images in the table cells to have vertical alignment = middle.

  • 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.

  • Vertically align the table with or with out css

    How do I vertically align the table with or with out css?
    See the page
    http://happynick.com/pjcartthumbnails/pages/bio.html
    This page is centered horizontally, but not
    vertically.

    http://www.apptools.com/examples/tableheight.php
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    ==================
    "happydreamweaver" <[email protected]> wrote
    in message
    news:fjuajb$dkb$[email protected]..
    > How do I vertically align the table with or with out
    css?
    > See the page
    http://happynick.com/pjcartthumbnails/pages/bio.html
    > This page is centered horizontally, but not vertically.

  • 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.

  • How do I vertically align paragraphs in a page?

    I am new to Pages, and I've run across a problem that is really aggravating because it should not be rocket science... but it seems to be, at least for me.
    I need to center the text on the page so there is equal white space above and below it.
    In Word, you select File --> Page Setup --> Layout --> Vertical Alignment and choose "Center." Done.
    How do you do this Pages? I've scoured the manual and online help and can find nothing on this.
    Thanks in advance!

    Note that the Vertical Alignment does not apply to the Text Layer of a Word Processing document, just to the text in objects that accept text within the shape. For your application you would probably want to add a text box, centered on your page, to hold the text that you want to center.
    Regards,
    Jerry
    Message was edited by: Jerrold Green1

Maybe you are looking for