Vertically align top on textField

I have dynamic textField and need to align my text vertically top on textField. How can I set my text vertically top ?

I don't understand your question... do you want the text on just one line or do you want the text to go like:
a
b
c
d
Please explain a little more.

Similar Messages

Changing Table defaults to Font to Normal, and Align-Vertical to Top - DW 5 (kind of a repost)

Hello,
This is pretty much a reposting of my last 2 questions...
In DW 5, trying to change Table default settings to
- Normal font (right now default is Bold)
- Vertical Alignment to Top (current default is middle) (so that text and lists will start at the top and fill down, like an ordinary document or table in Word)
I have multiple columns across the screen, different categories of events, news, resources, that I will be updating over time.
Ideally I would like to be able to 'simply' type and update the listings as needed (including bolding, indenting, the occasional image), just like in a document. I know this will involve tables, especially when it comes to 'indenting' text under a heading.
Updating a website. My in-progress work-up is here - http://www.wnytrauma.org/index33.html - (I know the coding is probably a mess, but I'm an old dog and this is a new trick).
Thank you,
Lawrence Congdon
(@LC_Sun)

If you can't find a stylesheet named outline-table-cells.css, it might be a name inserted by my Firebug.
In any case, try adding a rule with these properties in any css that your page uses:
table td, table th {
font-weight: normal;
vertical-align: top;
Note: The default font weight for a table cell (td) is normal
The default font weight for a table header cell (th) is bold.
If you were to use td instead of th you would not need the font-weight: normal property to override the default

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

CSS vertical-align problem

I cant figure out why the valign isnt working on my page..
http://www.v4.skiingbc.info/pages/skiarea2.php?Name=Test1212&TrailMaps=X&FS=√&LP=√
CSS Sheet:
http://v4.skiingbc.info/v4.css
I want all text to be middle aligned in the table cells... If
someone could take a look at the code that would be really
appreciated..
In Dreamweaver the text is middle aligned, it just doesnt
work in IE7

You have this on the page:
<td height="79"
<valign="top">
try changing it to thos:
<td height="79" valign="top">
you also have this:
<option selected="selected">Select Card
Type</option>
option selected>Search By Card Type
</option>
make it like this:
<option selected="selected">Select Card
Type</option>
Ken Ford
Adobe Community Expert
Fordwebs, LLC
http://www.fordwebs.com
"Monica101" <[email protected]> wrote in
message news:f0foos$n7u$[email protected]..
> I've got text in a table that won't align at the top:
>
> <td height="79"valign="top"><table width="150"
border="0" cellpadding="0"
> cellspacing="0" class="Side_Links">
>
> It looks fine in Dreamweaver, but displays verticaly in
the center of the
> table. I've been working in Dreamweaver for years and
never had this problem. I
> tried fixing it w/ css:
>
> vertical-align: top;
>
> This didn't work either.
>
> Page:
>
>
http://www.capitalinternet.com/~mycredit/template.php
>
> Thanks!
>
>

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

Vertical alignment in a cell and IE

In this page www.gk-developers.com, on IE, the navigation
menu is showing up midway along the page when it should be right at
the top. The table cell has the vertical align instruction but IE
seems to ignore it. What gives?
Mario.

Bonnie wrote:
> Cipr?s wrote:
>
>> Hello there, and hope you are having a good day...
>>
>>
http://gk-developers.com
>>
>> I am developing this page with a Project Seven menu
and the cell that
>> is holding the menu has the following code
>>
>> IE 7 and 6 is ignoring the "vertical alignement
top". Would
>> appreciate any help that can be given.
>
> Mario,
>
> I recommend you post this question on the project seven
support forums.
> But I can tell you now that Al will say you should not
be using IE7 on
> a production machine, as it's still in beta (I would add
I consider any
> new version of IE to be in beta, even when it's, er,
not).
>
there's one thing that all browsers support:
<td valign="top">
(or bottom or middle)
the css vertical-align is not reliable.
seb ( [email protected])
http://webtrans1.com | high-end web
design
Downloads: Slide Show, Directory Browser, Mailing List

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

Vertical Alignment issue in Safari

I have an issue in Safari displaying content of a table cell as if it's middle aligned and not vertically aligned. It works fine in IE and FF, but not in Safari.
I am using a basic CSS setting for the table cell with vertical-align=top. I have also put in in the td tag valign=top and still have the problem where the content is middle aligned and not top aligned.
Has anyone seen something like this and know what I can do to get it to work?

Do you have a sample or a screenshot that illustrates this?
Check out the Safari Developer's forum for more help; this is mainly used by people who are Users of Safari vs. Web Developers (who should know the difference between browsers).

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;}
>>>
>>
>>
>
>

Why don't cells align top?

First, I am a print designer and this web stuff is just too geeky for me. I never had a problem with this type of thing in FrontPage, but it seems to me like DW likes to do what it wants to do regardless of what you do with your mouse. What I mean by this is I click on something and it doesn't "stick".
Anyway, I'm trying to make this simple little table (yes, tables, CSS is a programming language and I don't get it). I want the images and text to line up at the top of each cell. Used to be easy.
Examples here:
http://www.ashronbilling.com/wpe/waterproofing.html
http://www.ashronbilling.com/wpe/decks.html
http://www.ashronbilling.com/wpe/undertile.html
WHY do the first item in waterproofing.html and the last item in undertile.html refuse to align top? Why do all items in decks work? I know I have messed around with these files because I get frustrated and then things just get weird and don't work. Every time I get to a point where I want to punch my monitor I start over and I end up with the same cr@p.
Is there a heirarchy between HTML and CSS? Why can't you use JUST ONE? I think I'm compounding my problems by just trying to click on everything there is to click on. Don't have these problems in print...
I appreciate your patience with me and just need someone to show me the way to do this correctly.

waterproofing.html page:
Paragraph tags have default margin and padding already set. You need to firstly zero it out by amending your paragraph style1 css as shown below. Then adjust how much space you want by adding some back in top, right, bottom, left. 0, 0, 0, 0.
Also you have an extra } brace after your style8 css selector which will interfere with the css cascade if you don't remove it.
.style1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    vertical-align: top;
margin: 0 0 0 0;
padding: 0 0 10px 0;
.style8 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14pt;
    color: #2260a6;
} /* Delete this rogue bracket */
.cell-top {
    vertical-align: top;
undertile.html:
I'd make sure you control the margin and the padding on the paragraph tags like the previous page.
.style1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    vertical-align: top;
margin: 0 0 0 0;
padding: 0 0 10px 0;
Also you need to make sure the images in the left table cell are aligned to the top of the cell. By default they are aligned vertically in the middle of the cell.
You could select the <td> cells individually, go to the properties inspector and select 'top' from the 'Vert' align pop up in the lower left corner.
You could tell all content on your page to align to the top of the table cells with css:
table td {
vertical-align: top;
Frustration WILL I'm afraid get the better of you unless you know how html and css work. There is no quick fix, its months and months of a steep learning curve, just like any other profession. It takes time and patience.

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.

Vertical alignment in cross-tab

Hi,
Anyone of you know how to align the measures Vertically Centered In Cross-tab report? As far as i know, there is option for Horizontal alignment; but no options for Vertical alignment. By default the text are docking on top aligned!!!
Help me out to solve this or any work-around to achieve this?
Thanks in Advance
Viswa

Hey Anindita,
I was not asking about the text orientation. I want to align the text in the cross tab report to be vertically aligned center.
I want the text in each cell should be aligned centered both horizontally as well as vertically. Horizontal alignment is available in cross tab formatting but not for the vertical alignment.
Thanks
Viswa

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

Vertical align to center in a div

Hi,
I'm putting together a css layout in dreamweaver CS3, i have a basic nav bar with a solid black colour with text on top. I'm trying to vertical align the text to the center, currently it's center horizontally, but the text is right at the top of the div. The only way i've been able to change the position is to use "line height"
Any there any easy way to do this in css?
Any help is much appreciated, thanks.

Hi again,
I'm having a bit of trouble trying to get my main text area vertically center on one of my pages, i have a two column layout(text area on the right). The above methods don't seem to work, they just seem expand my whole bodyArea downwards.
Currently my codes look like this:
Layout:
<style type="text/css">

</style></head>
<body>
<div id="wrapper">
<div id="logo"></div>
<div id="nav"><a href= nav text here </a></div>
<div id="bodyArea">
    <div id="left"></div>
    <div id="shadow"></div>
    <div id="right">text with paragraphs here</div>
    <div id="footer">copyright info here</div>
</div>
</div>
</body>
</html>
stylesheet:
#wrapper {
     width: 781px;
     margin-right: auto;
     margin-left: auto;
        height: 699px;
#wrapper #logo {
     height: 116px;
        background-image: url(../images/logo.jpg);
#wrapper #nav {
     height: 38px;
     text-align: center;
     color: #FFFFFF;
     font-family: "Courier New", Courier, monospace;
     font-size: 19px;
     line-height: 38px;
     background-repeat: no-repeat;
     background-color: #000000;
     margin: 0px;
#wrapper #bodyArea #left {
     width: 341px;
     float: left;
     height: 507px;
#wrapper #bodyArea #right {
     width: 440px;
     float: right;
     height: 507px;
     text-align: center;
     color: #000000;
     vertical-align: middle;
     font-family: Arial, Helvetica, sans-serif;
     font-size: 16px;
#wrapper #bodyArea #right #shadow {
     height: 14px;
     background-image: url(../images/shadow.gif);
     background-repeat: repeat-x;
#wrapper #bodyArea #footer {
     height: 38px;
     clear: both;
     text-align: center;
     color: #FFFFFF;
     background-color: #000000;
     font-family: Arial, Helvetica, sans-serif;
     font-size: 15px;
     line-height: 38px;
     margin: 0px;
p {
     margin-top: 0px;
     margin-right: 10px;
     margin-bottom: 15px;
     margin-left: 10px;
I'm fairly new to CSS layouts, if anyone could help me it would be much appreciated, thanks.

Vertically align top on textField

Similar Messages

Maybe you are looking for