DateField value doesn't vertically align

I am trying to use an mx DateField component, however, it appears that the selected date value isn't vertically aligned by default (within the label field of the DateField component) upon selection.
There isn't a properly for 'verticalAlign' for this component.... how can I properly align within the DateField's label?
Here is the code.... am I missing initial settings to get the alignment that I am looking for?
<s:HGroup id="endGroup" width="100%">
<mx:DateField id="endDate" width="100" change="validate(event)"/>
</s:HGroup>
Thanks,
Muad'Dib

wow!.... you're right. I just assumed it was the default behavior of the control. I copied and pasted my code into a new project and everything looks great. So something a layer up is affecting my layout (I am one of many flex applications running on a particular service)... I will start looking in that direction!
thanks,
Muad'Dib

Similar Messages

Button.setGraphic doesn't vertically align node properly

Hi all.
I've got a simple bit of code where I create a button and add a rectangle to it using the setGraphic method.
The rectangle isn't vertically aligned:
http://i.imgur.com/xV5oW.png
From the image you can see that at the top there is the border, a one pixel gap and then the top of the rectangle. At the bottom there is the border and then a three pixel gap.
Should the rectangle be moved down by a pixel?
I'm using the mac version.
Thanks, Nick.

It's the same on windows. I also stumbled over this problem some time ago and I think it is a bug.

Vertical alignment of text in a cell doesn't work

In Numbers 3.2, the vertical text alignment seems to have no effect on the text. Whether I select the text itself, the cell, or the row, pressing one of the vertical alignment buttons for top, middle, or bottom does nothing.
I've searched through all the menus but I don't see anything to affect this. Alignment in the menu is of the left, right, justify variety, not top, middle, bottom.
My goal is to reduce the padding in a row so that I can squeeze the text right up to the cell borders, but Numbers doesn't seem to allow me to do this. Yet I have someone else's number sheet, and it's obviously possible since they have it in their sheet.
Thanks for any help,
Confused newb

AlizaG wrote:
Annoyingly, when I searched for my question I was only shown questions that were not related to this one. Now that I've posted it, the related questions are shown in the sidebar and lo and behold: other people have had this problem too...
The culprit is the automatic text inset of 4 pts. Drastically un-intuitive.
Aliza,
Only un-intuitive if you believe that most people would like their cell content lying right against the cell border.
Jerry

Vertically Align ComboBox String Items

I'm trying to vertically align all the strings that are part of a combobox. My code works fine when the combobox font name is Consolas, but it doesn't work when it's Microsoft Sans Serif (shown below). Is there a way to make the combobox with
Microsoft Sans Serif font look like the one with Consolas?
Private Sub UpdateSizeDataSource()
Dim dtSizes As DataTable = CType(Me.cboSize.DataSource, DataTable)
Dim pixelPitch As String = Me.cboPixelPitch.SelectedItem.ToString
Dim charStartPosition As Integer
Dim columnName As String = Nothing
Dim standardSize As String = Nothing
Dim pixelMatrix As Size
If Me.rbtUS.Checked Then
columnName = "Imperial"
End If
If Me.rbtMetric.Checked Then
columnName = "Metric"
End If
charStartPosition = dtSizes.AsEnumerable.Max(Function(dr) dr.Field(Of String)(columnName).Length) + 2
For Each dr As DataRow In dtSizes.Rows
standardSize = dr(columnName).ToString
pixelMatrix = Me.GetPixelMatrix(dr("ValueMember").ToString, pixelPitch)
dr("DisplayMember") = String.Format("{0}{1}({2}x{3})", standardSize, Space(charStartPosition - Len(standardSize)), pixelMatrix.Height, pixelMatrix.Width)
Next dr
End Sub
Ryan

The only way i see of doing this is ether using a font that has a fixed width like Consolas, Courier New, or another OR by setting the combobox`s DrawMode to DrawFixed and using the DrawItem event to draw the text 1 character at a time at a fixed width apart.
However, the text in the Edit portion of the ComboBox would still be formatted with the font`s character widths.
You may need to test different characters other than the underscore "_" in the line to get the maxwidth value. "M" is 13 pixels wide and "_" is only 10 but, it is just enough that the characters do not draw over each other.
If you use a Bold font style then you will need to switch it or some longer characters may get cut off a little.
Here is an example of what i mean but, i am not familiar with using a DataSource for the Items so, i am not sure if you would need to change anything in the DrawItem event to get the text that is displayed for each item into the txt variable or not.
Public Class Form1
Private Sub Form1_Load(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles MyBase.Load
ComboBox1.DrawMode = DrawMode.OwnerDrawFixed
With ComboBox1.Items
.Add("10 X 30 Standard (180, 560)")
.Add("10 X 30 Max (180, 580)")
.Add("10 X 30 Standard (180, 560)")
End With
End Sub
Private Sub ComboBox1_DrawItem(ByVal sender As Object, ByVal e As System.Windows.Forms.DrawItemEventArgs) Handles ComboBox1.DrawItem
e.DrawBackground()
Dim txt As String = ComboBox1.Items(e.Index).ToString
Dim maxwidth As Integer = CInt(e.Graphics.MeasureString("_", ComboBox1.Font).Width)
Dim crect As New Rectangle(0, e.Bounds.Y, maxwidth, e.Bounds.Height)
For Each c As String In txt
Using sf As New StringFormat With {.Alignment = StringAlignment.Near, .LineAlignment = StringAlignment.Center, .FormatFlags = StringFormatFlags.NoWrap, .Trimming = StringTrimming.None}
Using sb As New SolidBrush(e.ForeColor)
e.Graphics.DrawString(c, ComboBox1.Font, sb, crect, sf)
End Using
End Using
crect.X += crect.Width
Next
End Sub
End Class
If you say it can`t be done then i`ll try it
No need to imitate a monospaced font. If ownerdrawing, you can just draw the parts of each string in regular columns.
thanks for any help

[JS] Real "leading" of a paragraph with vertical alignement "justify"

We have a problem reading the real "leading" of a paragraph when on the textframe is applied the vertical alignement "justify" and the leading was set up at "auto".
It doesn't matter which leading is the resulting of this vertical justifying, but the result of the "text.leading" is always "auto".
Do someone know another way for reading the real leading in pixels or other values?
Or we'd have to calculate it?

myPara.lines[1].baseline - myPara.lines[0].baseline will give you the measured leading of the second line.

Vertical alignment is middle regardless of setting

Running LiveCycle Designer ES 8.2 and Adobe Acrobat Pro 9 on Windows 7.
I'm designing a form with many text fields. Most of them work great. However, I several text fields--some standalone, some table cells--where the vertical alignment of the user-entered value always shows as middle.
For example, this text field has the vertical alignment set to bottom, using the paragraph pallette:
This is the same field with the alignment set to top:
And this is the same field again, with the alignment set to middle:
You will notice that they all look the same--always middle. I'm able to set the caption alignment fine, and I'm aware of the way to distinguish between adjusting the caption and value properties in the paragraph pallette.
I can't determine any pattern as to why some of my text fields align fine according to the settings I specify, and some of them are always, always middle-aligned.
Are there any other settings or conditions which may be overriding my alignment settings for these specific fields?
It first started happening with table cells, so I assumed some table setting was causing the problem (although I never found it). Once standalone text fields started doing it too, though, I was extra stumped.
I am able to adjust all the horitzonal alignment settings fine. I have tried deleting the offending cells and starting from scratch, but it hasn't helped.
Any suggestions or help would be appreciated!
Thanks,
Marybeth

This seems odd, but you need to also set the property JAVASE_DB_INTERACTION to false.
<p>
propertiesMap.put(EntityManagerFactoryProvider.JAVASE_DB_INTERACTION, "false");
<p>---
<br>James Sutherland
<br>Oracle TopLink, EclipseLink
<br>Wiki: Java Persistence, EclipseLink

Vertically align middle input text in a text box

I'm creating Flash-based software that has text boxes where users write in the answers to questions. I want the text that the user types to be vertically aligned to the middle of the text box, so that even if the response is two or three lines, it is still centered in the box.
It doesn't appear that I can accomplish this through the properties window in Flash. Am I missing something? Or is it possible to set the properties of the text box with actionscript, and would that allow me to vertically align the text?
Thanks!

You're not the first to ask this, but if you got an answer of how to do it, you'd likely be the first. I don't think it is possible since there doesn't appear to be any sort of top margin property available for TextFields. You might be able to fake something like that though if you think about it... like using the changed event of a textfield to reposition it vertically in a pseudo border/bkgnd.
If you do come up with a solution, you should share it here... as I said, you're not the first to ask.

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">
> 
> </style>
> </head>
>
> <body>
> This is some text. This is some text.
> </body>
> </html>
>
>
>

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.

Unable to vertically align a amx:inputText inside amx:cellFormat

Hi,
Below is my amx code:
I've 2 cell formats ,valign="top" is set for both. but the result is only outputText(2nd cell format) is vertically aligned correctly but not <amx:inputText (1st cellformat)
Any idea?
<amx:panelLabelAndMessage label="B\P" showRequired="true"
                                                                  inlineStyle="vertical-align:top;">
<amx:tableLayout inlineStyle="height:25px; vertical-align:top;" width="100%">
                                                <amx:rowLayout>
                                                   <amx:cellFormat valign="top" inlineStyle="vertical-align:top;"
                                                                    halign="end">
                                                        <amx:inputText value="#{bindings.branchPlant.inputValue}"
                                                                       maximumLength="12" id="it2218" simple="true"
                                                                      />
                                                </amx:cellFormat>
                                                  <amx:cellFormat valign="top" >
                                                        <amx:outputText value="EMC" id="ot519"
                                                                        rendered="true"
                                                                        inlineStyle="color:Silver; font-size:small;"/>
                                                    </amx:cellFormat>
                                                </amx:rowLayout>
</amx:tableLayout>
</amx:panelLabelAndMessage>

Hi,
this is a known behavior handled in bug 9830307 and 9768470. It is the intended behavior for table rows that are selectable. FF and Chrome may behave differently, which is considered to be the wrong behavior and is subject to fixing
Frank

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.

Horizontally or Vertically Aligned Duplicating

When i dulpicate an object across horizontally or vertically
(holding down Option, Shift), the duplicated object usually doesn't
stay aligned with it's original, see
http://home.exetel.com.au/twistedpancreas/images/color_change.swf
this has happened also in previous versions of Flash (I'm on
Flash 8 currently and on a Mac, but it happens on PC's too)
but i've never had the opportunity to ask why this is.
So i will now.
Why is it so?

Yeah i did a little test, and it seems to happen more when
you zoom into an area.
i also found if you try to select the centre of the object
and constrain it, it usually doesn't jump somewhere else. I think
converting it to a symbol also helps so that you know where the
centre point is.
But yeah if you select an edge of an object and try to
constrain it seems to jump somewhere else, which can be a bit
frustrating. Sometimes it just means zooming out (like 800%) and
holding down Shift and using the arrow keys to constrain the
movement.
Hope that helps a little.

Vertical alignment in text form

Been trying set vertical alignment so that text will align with the top of the form box, and having a frustrating result. It will only align if the box is one line only.
A multi-line box will not expand vertically to accomodate long text; an expanded (vertically) box will result in text beginning below top alignment. Anyone working on a fix for this? It seems to be a new problem, as I have used this feature with in the past with old versions of Acrobat.

If I understand your issue correctly, you can achieve this by playing witht the Left and Right values under Layout tab of the object properties.
Let me know if this is not what youare looking for..
Thanks
Srini

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.

Vertical Alignment Issue

I have a problem. I've browsed through existing solutions and
haven't found anything that works for me.
I am working on a site that has lots of nested tables. The
navigation bar and some other text are in a column on the left (in
a nested table) and the page content is in a table on the right (in
a nested table). However, the image and text in the left column
continue to migrate down whenever I add too much content in the
right column.
This happens only on page where the height of the content in
the right column exceeds the height of the content in the left.
ALL properties for all tables have the vertical alignment set
to "top" not to "default". Any help would be greatly appreciated. I
am attaching the code for my style.css file.
The page in question is located at
http://www.ssc.coop/science/news.html.
Thank you in advance ... Amy
Text

Yes. I stand corrected. Thanks Murray.
valign="top" is the correct HTML syntax. valign:top is some
invalid hybrid
of HTML & CSS. Regardless, it can't/won't/doesn't work.
Walt
"Murray *ACE*" <[email protected]> wrote
in message
news:[email protected]...
> Actually valign:top is nothing. But it's certainly
invalid!
>
> --
> 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
> ==================
>
>
> "Walt F. Schaefer" <[email protected]> wrote
in message
> news:[email protected]...
>>> valign: top;
>>
>> This is invalid CSS. It is HTML. Yu can't use HTML
code in CSS. Change it
>> to vertical-align: top;
>>
>> Walt
>>
>> "AGrover" <[email protected]> wrote
in message
>> news:[email protected]...
>>>I have a problem. I've browsed through existing
solutions and haven't
>>>found
>>> anything that works for me.
>>>
>>> I am working on a site that has lots of nested
tables. The navigation
>>> bar and
>>> some other text are in a column on the left (in
a nested table) and the
>>> page
>>> content is in a table on the right (in a nested
table). However, the
>>> image and
>>> text in the left column continue to migrate down
whenever I add too much
>>> content in the right column.
>>>
>>> This happens only on page where the height of
the content in the right
>>> column
>>> exceeds the height of the content in the left.
>>>
>>> ALL properties for all tables have the vertical
alignment set to "top"
>>> not to
>>> "default". Any help would be greatly
appreciated. I am attaching the
>>> code for
>>> my style.css file.
>>>
>>> The page in question is located at
>>>
http://www.ssc.coop/science/news.html.
>>>
>>> Thank you in advance ... Amy
>>>
>>>
Text
>>>
>>> td {text-align: left;
>>> valign: top;
>>> font-family:tahoma;
>>> font-size:10px;
>>> color:#919191;
>>> line-height:13px;}
>>>
>>> a {text-decoration:underline;
>>> color:#298EAA;}
>>>
>>> body { margin:0px;padding:0px;}
>>>
>>> ul {margin:0; padding:0; list-style:none}
>>> li {background:url(images/a.gif) center left
no-repeat; margin:0 0 0
>>> 0px;
>>> padding:0 0 0 10px; line-height:16px }
>>> li a { color:#54A5BB}
>>>
>>> .usa span { color:#298EAA}
>>> .copy { color:#BABABA}
>>> .copy a { color:#BABABA; text-decoration:none}
>>> .copy a:hover {text-decoration:underline}
>>> .education { color:#757575}
>>> .team span { color:#54A5BB}
>>> .privacy a { color:#54A5BB}
>>>
>>> .white {color:#ffffff; text-decoration:none}
>>> .arrow_right { margin-right:6px;}
>>>
>>> .form { width:205px;
>>> height:29px;
>>> font-family:tahoma;
>>> font-size:10px;
>>> border-style: solid;
>>> border-width: 1px;
>>> border-color:#9E9E9E;
>>> background-color:#ffffff;
>>> color:#919191;
>>> margin-left:0px;
>>> margin-right:0px;
>>> padding-top:8px;
>>> padding-left:8px;}
>>>
>>> .textarea { width:190px;
>>> height:119px;
>>> font-family:tahoma;
>>> font-size:10px;
>>> border-style: solid;
>>> border-width: 1px;
>>> border-color:#9E9E9E;
>>> background-color:#ffffff;
>>> color:#919191;
>>> margin-left:0px;
>>> margin-right:0px;
>>> padding-top:8px;
>>> padding-left:8px;}
>>>
>>> a:hover{text-decoration:none;}
>>> .a:hover{text-decoration:underline;}
>>>
>>
>>
>
>

DateField value doesn't vertically align

Similar Messages

Maybe you are looking for