CSS: text align in a table

Alright well all day at work today, my boss helped me with my
website. I am an intern for an online business, and I do all the
graphic design work there, and my boss manages the site in
Dreamweaver. Well since I'm an intern, I asked him to help me out,
and he taught me alot about CSS and tables, and how to build sites
in Dreamweaver. I got almost my whole template done for my whole
site today. Lots of work to do yet, but still, lots of progress...
***Ok my question:
I have a style sheet for my site with a bunch of stuff in
there already, but when I type text in a table, it automatically
centers the text vertically in the table. What is the CSS "code" or
whatever you call it, to tell it to position the text in that table
at the top of the table as if it were a normal text document? This
will help me out alot. Thanks guys. My site is already looking 10X
better than before, when I sliced it up in Illustrator.
-Jeff

<td align="top">This will be at the top of the
cell</td>
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
==================
"jmilin5931" <[email protected]> wrote in
message
news:e6nhlg$n3l$[email protected]..
> Alright well all day at work today, my boss helped me
with my website. I
> am an
> intern for an online business, and I do all the graphic
design work there,
> and
> my boss manages the site in Dreamweaver. Well since I'm
an intern, I asked
> him
> to help me out, and he taught me alot about CSS and
tables, and how to
> build
> sites in Dreamweaver. I got almost my whole template
done for my whole
> site
> today. Lots of work to do yet, but still, lots of
progress...
>
> ***Ok my question:
>
> I have a style sheet for my site with a bunch of stuff
in there already,
> but
> when I type text in a table, it automatically centers
the text vertically
> in
> the table. What is the CSS "code" or whatever you call
it, to tell it to
> position the text in that table at the top of the table
as if it were a
> normal
> text document? This will help me out alot. Thanks guys.
My site is
> already
> looking 10X better than before, when I sliced it up in
Illustrator.
>
> -Jeff
>

Similar Messages

Table (css) text align in ff

does anybody know of an issue where setting a table class
with text-align attributes won't center the text of the table in
firefox?
I can force it to center by adjusting the align attribute in
the <table> tag, but i have a several tables that i would
like to keep control of in my stylesheet... i found a similar
situation on a forum through google, but ended just suggesting to
wrap it in a <div align="center">... Of course i can just set
the table attributes, but i figured i'd check with y'all
first...

> oh! i see, that all makes sense now... hence the "root"
in root relative
> :)
To quote Homer, "d'oh".
> while we're on the subject, is there a preferred file
extension for ssi?
The parent file must be named with an shtm(l) extension IF
you are using
HTML/ASP includes, and IF your host has not enabled
server-parsing for all
files. If you are using PHP includes, then the parent file is
names with a
*.php extension, and so on (for CF/JSP/.Net).
The file being included can have any filename extension you
prefer - I like
*.monkeybutt myself, but that's just me.
> because when i
> saved them as .html, dw added all the doctype and head
markup...
> or is the problem in a setting in dw?
I don't think this is what you did. DW doesn't add that when
you save, it
adds that when you create the file. I usually create a plain
text file,
copy and paste the code to be included, and then (depending
on the code
type) save it with an appropriate extension (notwithstanding
my penchant for
monkeybutt), so that the code is properly colored by DW.
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
==================
"m0piqsutjjqv4du" <[email protected]> wrote
in message
news:ejn1qm$6dh$[email protected]..
> oh! i see, that all makes sense now... hence the "root"
in root relative
> :)
>
> while we're on the subject, is there a preferred file
extension for ssi?
> i've been using .txt (which DW is obviously not managing
links) because
> when i
> saved them as .html, dw added all the doctype and head
markup...
> or is the problem in a setting in dw?
>

New to CSS, text-align and line-height ok in 'Design', but not in browsers (IE 10 & Chrome) on Win8

[DREAMWEAVER CC]
I'm now learning CSS, and find that where I specify in an external style sheet
h1 {
          font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
          text-align:center;
          color: black;
          font-size: 1em;
          font-weight: normal;
          font-style: normal;
          line-height: 3.0;
          letter-spacing: 0px;
          word-spacing: 10px;
text-shadow: 3px 3px 5px #333;
text-decoration: none ;
text-transform: none;
That, in DW Design, they look fine, but in Windows 8, IE 11 and ChromeVersion 31.0.1650.63 m   that the text-align: center; and the line-height: 3.0; are ignored.
I work around by specifying <tr align="center" height = "77">   shouldn't the text-align: center; and the line-height: 3.0; be specifiable in my CSS??
Thanks for any help!
<tr height="77" align="center">
        <h1>
            <td bgcolor="CornSilk">1/28/2014</td>
            <td>the Sky</td>
            <td>Fate is the Hunter</td>
          <td >Ernest Gann</td>
            <td >John</td>
            <td >Jessica</td>
          <td><a href="http://www.amazon.com/FATE-HUNTER-Ernest-K-Gann/dp/0671636030/ref=sr_1_1?s=books&ie=UTF8&q id=1387462831&sr=1-1&keywords=ernest+gann">Learn More</a></td>
        </h1>
    </tr>

hemmi1 wrote:
[DREAMWEAVER CC]
I'm now learning CSS, and find that where I specify in an external style sheet
Not sure what it is you are trying to do but what you have at the moment is invalid code which is most likely why it doesn't work cross browser. (of cousre this css does not help - line-height: 3.0; - 3.0 what? - px, ems?)
Here's an example below of how you could do it. Give your table a class (below it is called .myTable) then you can start styling the <td> cell, and anything inside it by appending the element like an <h2> tag to the class name - .myTable h2
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Untitled Document</title>
<style>
.myTable {
    width: 900px;
    margin: 0 auto;
.myTable td {
font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
width: 150px;
.myTable h2 {
    margin: 0;
    padding: 0;
text-align:center;
color: black;
font-size: 1em;
line-height: 50px;
word-spacing: 10px;
text-shadow: 3px 3px 5px #333;
.myTable a {
    display: block;
    text-align: center;
</style>
</head>
<body>
<table class="myTable" cellpadding="0" cellspacing="0" border="0">
<tr>
<td><h2>1/28/2014</h2></td>
<td><h2>the Sky</h2></td>
<td ><h2>Ernest Gann</h2></td>
<td ><h2>John</h2></td>
<td ><h2>Jessica</h2></td>
<td><a href="http://www.amazon.com/FATE-HUNTER-Ernest-K-Gann/dp/0671636030/ref=sr_1 _1?s=books&ie=UTF8&qid=1387462831&sr=1-1&keywords=ernest+gann">Learn More</a></td>
</tr>
</table>
</body>
</html>

Css text alignment issue

Hey guys,
I re-did a small site for an author and some of the text very misaligned in IE. You can see on the homepage as well on each individual book page. http://lifesizemacroimages.com/.
I am able to fix the problem in IE but then it just misaligns in FF etc..
Hopeing a fresh set of eyes might notice the problem. My css is below. Thanks
html, body {
    margin: 0;
    padding: 0;
#page-container {
    width: 750px;
    margin:auto;
    margin-top:10px;
    margin-bottom:20px;
    border-top:#fff 1px solid;
    border-left:#fff 1px solid;
    border-right:#fff 1px solid;
    border-bottom:#fff 1px solid;
#header {
    background:url(../images/banner.jpg);
    height: 200px;
    clear:both;
#content {
    width:720px;
    height:550px;
    background-color:#eafcd0;
    /*background-image:url(../images/spider-bg.png);*/
    border-right:#64aa51 15px solid;
    border-left:#64aa51 15px solid;
    border-bottom:#64aa51 15px solid;
#title {
    width:722px;
    height:50px;
    background-image:url(../images/title.png);
#nav {
    height:12px;
    width:280px;
    position:absolute;
    margin-top:9px;
    margin-left:275px;
#footer{
    width:650px;
    position:absolute;
    color:#FFF;
    font-size:8pt;
    margin-top:500px;
    margin-left:50px;
#footer a:link {
    color:#FFF;
    font-size:8pt;
    text-decoration:none;
#footer a:visited {
    color:#FFF;
    font-size:8pt;
    text-decoration:none;
#footer a:active {
    color:#FFF;
    font-size:8pt;
    text-decoration:none;
#footer a:hover {
    color:#000;
    font-size:8pt;
.maintext {
    font:Arial, Helvetica, sans-serif;
    font-size:11pt;
    color:#000000;
.maintext a:link {
    font:Arial, Helvetica, sans-serif;
    font-size:11pt;
    color:#000000;
    text-decoration:underline;
.maintext a:visited{
    font:Arial, Helvetica, sans-serif;
    font-size:11pt;
    color:#000000;
    text-decoration:underline;
.maintext a:active {
    font:Arial, Helvetica, sans-serif;
    font-size:11pt;
    color:#000000;
    text-decoration:underline;
.maintext a:hover {
    font:Arial, Helvetica, sans-serif;
    font-size:11pt;
    color:#000000;
    text-decoration:none;
#emailhover a:link {
    color:#000000;
    font-size:11pt;
    text-decoration:none;
#emailhover a:visited {
    color:#000000;
    font-size:11pt;
    text-decoration:none;
#emailhover a:active {
    color:#000000;
    font-size:11pt;
    text-decoration:none;
#emailhover a:hover {
    color:#000000;
    font-size:11pt;
    text-decoration:underline;
/* ---------- Individual Page Div's ---------- */
#homediv {
    width:500px;
    margin-top:30px;
    margin-left:30px;
    position:absolute;
#hometext {
    width:350px;
    margin-top:15px;
    margin-left:230px;
    position:absolute;
#Book1div {
    width:180px;
    height:250px;
    position:absolute;
    margin-top:35px;
    margin-left:25px;
#Book1Text {
    width:170px;
    position:absolute;
    margin-top:65px;
    margin-left:195px;
#Book2div {
    width:180px;
    height:250px;
    position:absolute;
    margin-top:35px;
    margin-left:370px;
#Book2Text {
    width:170px;
    position:absolute;
    margin-top:65px;
    margin-left:540px;
#Book3div {
    width:180px;
    height:250px;
    position:absolute;
    margin-top:255px;
    margin-left:25px;
#Book3Text {
    width:170px;
    position:absolute;
    margin-top:285px;
    margin-left:195px;
#Book4div {
    width:180px;
    height:250px;
    position:absolute;
    margin-top:255px;
    margin-left:370px;
#Book4Text {
    width:170px;
    position:absolute;
    margin-top:290px;
    margin-left:540px;
#Author {
    width:500px;
    position:absolute;
    margin-top:60px;
    margin-left:100px;
#upcoming {
    width:500px;
    position:absolute;
    margin-top:60px;
    margin-left:100px;
.booktext {
    font-size:9pt;
    color:#000000;
    font-family:Arial, Helvetica, sans-serif;
.booktext a:link {
    font-size:9pt;
    color:#000000;
    font-family:Arial, Helvetica, sans-serif;
    text-decoration:underline;
.booktext a:visited {
    font-size:9pt;
    color:#000000;
    font-family:Arial, Helvetica, sans-serif;
    text-decoration:underline;
.booktext a:active {
    font-size:9pt;
    color:#000000;
    font-family:Arial, Helvetica, sans-serif;
    text-decoration:underline;
.booktext a:hover {
    font-size:9pt;
    color:#000000;
    font-family:Arial, Helvetica, sans-serif;
    text-decoration:none;
.back a:link{
    font:Arial, Helvetica, sans-serif;
    font-size:9pt;
    color:#000000;
    text-decoration:none;
.back a:visited{
    font:Arial, Helvetica, sans-serif;
    font-size:9pt;
    color:#000000;
    text-decoration:none;
.back a:active{
    font:Arial, Helvetica, sans-serif;
    font-size:9pt;
    color:#000000;
    text-decoration:none;
.back a:hover{
    font:Arial, Helvetica, sans-serif;
    font-size:9pt;
    color:#000000;
    text-decoration:underline;
#butterflydiv {
    width:500px;
    margin-top:15px;
    margin-left:15px;
    position:absolute;
#butterflytext {
    width:500px;
    margin-top:0px;
    margin-left:170px;
    position:absolute;
#availablediv {
    width:100px;
    position:absolute;
    margin-top:210px;
    margin-left:15px;
    float:left;

Trouble-man, you should know better than to use APDivs by now
http://apptools.com/examples/pagelayout101.php
Use margins and floats -
http://alt-web.com/DEMOS/CSS2-Captions-on-floated-images.shtml
Also, check your code.
HTML Validator - http://validator.w3.org
CSS Validator - http://jigsaw.w3.org/css-validator/
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb

CSS Text Shifts

Hello Friends,
I am using DW 8. I am learning CSS but I cannot figure out
why my text is shifting its place when I view in the IE browser.
Below is my coding. If anyone can help, or point me to a good
learning resource, I would grately appreciate it. Many thanks in
advance for any assistance you can offer.

David Topp wrote:
> Hello Friends,
>
> I am using DW 8. I am learning CSS but I cannot figure
out why my text is
> shifting its place when I view in the IE browser. Below
is my coding. If anyone
> can help, or point me to a good learning resource, I
would grately appreciate
> it. Many thanks in advance for any assistance you can
offer.
>
>
>
> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN">
> <html>
> <head>
> <title>Designers Dream</title>
> <meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">
> <style type="text/css">
> 
> </style>
> <link href="home.css" rel="stylesheet"
type="text/css">
Hi
I haven't checked but maybe there is some conflict with the
rules in
your home.css sheet - can you post an url?
chin chin
Sinclair

How to change the text alignment of an adf table column

Hi everyone
I have a read only adf table that uses banding. What I want to do is change the text align property of one of it's columns but the task seems not at all trivial.
I tried entering a value for the text-align property in the inline style of the specific af:column tag and failed. I then tried to do the same for the af:outputText element inside the column but still nothing worked. I even created a css style and changed the StyleClass attribute on each or both elements without any luck.
Can anybody shed some light here ...
Thanassis

Specify the text-align in a css.
Re: styling column headers in adf table

CSS - Text not taking up all of Table Column

Hello,
I have a table, the first column of which is 535 pixels long. However, the contents of this column (a variable called $row['site']) only displays text for about 200 pixels, and then the remaining text spills down onto the row below. The result is ugly. My code and CSS are below.
How can I get the text to extend into all 535 pixels of the column?
Thanks in advance,
John
The code for the table (just up until the first column):
<?php
print "<table class=\"navbar\">\n";
print "<tr>";
print "<td class='sitename'>".'<a href="http://'.$row['site'].'" class="links2">'.$row['site'].'</a>'."</td>";
My CSS:
table.navbar {
        margin-left:100px;
     margin-top:30px;
     text-align: left;
     font-family: Arial, Helvetica, sans-serif ;
     font-weight: normal;
     font-size: 12px;
     color: #000000;
     width: 700px;
     background-color: #A7E6FE;
     border: 1px #FFFFFF;
     border-collapse: collapse;
     border-spacing: 4px;
     padding: 4px;
     text-decoration: none;
table.navbar td {
   border: 2px solid #fff;
   text-align: left;
   height: 16px;
table.navbar td a{
   display: block;
   padding: 3px;
.sitename { width: 535px;
a.links2:link {
      color: #000000;
     text-decoration: none;
      text-align:left;
    margin-top:6px;
    margin-bottom:2px;
     margin-left:2px;
    padding:0px;
     font-family:Arial, Helvetica, sans-serif;
     font-size: 12px;
     width: 10px;
     height: 12px;
     vertical-align:middle;
a.links2:visited {
      color: #000000;
     text-decoration: none;
      text-align:left;
    margin-top:6px;
    margin-bottom:2px;
     margin-left:2px;
    padding:0px;
     font-family:Arial, Helvetica, sans-serif;
     font-size: 12px;
     width: 10px;
     height: 12px;
     vertical-align:middle;
a.links2:hover {
      color: #000000; text-decoration: underline;
     text-align:left;
    margin-top:6px;
    margin-bottom:2px;
     margin-left:2px;
    padding:0px;
     font-family:Arial, Helvetica, sans-serif;
     font-size: 12px;
     width: 10px;
     height: 12px;
     vertical-align:middle;
a.links2:active {
      color: #000000;
      text-align:left;
    margin-top:6px;
    margin-bottom:2px;
     margin-left:2px;
    padding:0px;
     font-family:Arial, Helvetica, sans-serif;
     font-size: 12px;
     width:10px;
     height: 12px;
     vertical-align:middle;

Hello,
I figured it out by searching on Google:
.sitename { width: 535px;
            overflow:hidden;

Inheriting -fx-text-alignment CSS Property

Hello,
I am referring to the Inheritance section in the following document:
http://docs.oracle.com/javafx/2/api/javafx/scene/doc-files/cssref.html#typefont
The document states that the three CSS properties are inherited by a node from its parent, by default:
-fx-cursor
-fx-text-alignment
-fx-font
The following program is to demonstrate the above CSS rule.
package test;
import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.Label;
import javafx.scene.layout.VBox;
import javafx.scene.text.Text;
import javafx.stage.Stage;
public class Test extends Application {
     public static void main(String[] args) {
          Application.launch(args);
     public void start(Stage stage) {
          VBox root = new VBox();
          root.setStyle("-fx-cursor: hand;" +
                        "-fx-text-alignment: right;" +
                        "-fx-font: normal bold 20px \"serif\"");
          Label lb2 = new Label("Just adding a long text to test the text alignment:");
          lb2.setWrapText(true);
          //lb2.setStyle("-fx-text-alignment: inherit");
          Text t2 = new Text("This is a big text for the Text node");
          lb2.setPrefWidth(100);
          t2.setWrappingWidth(50);
         //t2.setStyle("-fx-text-alignment: inherit");
          root.getChildren().addAll(lb2, t2);
          Scene scene = new Scene(root);
          scene.getStylesheets().add("resources/css/hjfx.css");
          stage.setScene(scene);
          stage.setTitle("Test");
          stage.show();
}I have the following questions:
1. The -fx-text-alignment property is not inherited by default by the Label and Text nodes. If I specify the value as inherit, it works as expected.
2. The textAlignment property is not just defined in the Text class. It is also defined in the Labeled class. The font property is not defined in the Font class either. Why does this document refer to these classes in the table in the Inheritance section?
3. Can someone give me an example of what does this document mean by stating that -fx-text-alignment property is inherited by nodes from their parents, by default.
Thanks
Kishori

These are either bugs in the document or bugs in the code. Would you mind creating an issue in JIRA (http://javafx-jira.kenai.com/) to track this?

JDeveloper 10.1.3.4: text-align for table column has no effect

Hi,
I am using JDeveloper 10.1.3.4. In a tabe I have a column that displays numbers, which are left-aligned by default:
Applied
$50.00
$2,160.00
$50.00
$2,260.00I want to have them aligned to the right to look neater:
Applied
         $50.00
      $2,160.00
         $50.00
      $2,260.00Or better still, have the cell with the longest string aligned to the center, and all the other cells align to it by the decimal point:
    Applied
      $50.00
   $2,160.00
      $50.00
   $2,260.00I looked in the property inspector and the only thing that looks closest to the purpose is text-align. I set this attribute to right (text-align:right) for the column, and for the outputText, but neither has effect. Everything is still flush to the left. How to get it right?
Thanks!
Newman

Hi, Branislav,
Nice meeting you again.
Last time the question was about formatting the total amount returned from the method, from String to Number, Re: JDeveloper does not handle expert SQL, cannot add query clause in view link, which can also format the number as currency.
This time, your answer again solved my problem. I was looking in the inline styling section, and did not notice this property in the General section. Thank you so much for your help!
Newman

SSRS- Span tag with text-align CSS property

Hi All,
I hope you can direct me.
If I use the text box as HTML - Interpret HTML tags as styles, and write the following in it:
"<p style='text-align: right';>Ghada Naim</p>"
It works correctly ,but the following do not respond to the style:
"<span style='text-align: right';>Ghada Naim</span>"
Please, what is the problem? Is the span tag with SSRS does not support to text align property or what?
Thank you,

Hi GhadaNaim,
In Reporting Services, the following is a complete list of tags that will render as HTML when defined as placeholder text:
Hyperlinks: <A HREF>
Fonts: <FONT>
Header, style and block elements: <H{n}>, <DIV>, <SPAN>,<P>, <DIV>, <LI>, <HN>
Text format: <B>, <I>, <U>, <S>
List handling: <OL>, <UL>, <LI>
We can know that the <SPAN> tag is supported. Based on my further research, the <span> tag is used to group inline-elements in a document and it provides no visual change by itself. So we couldn’t directly see its respond in report.
For more information about HTML <span> Tag, please refer to the following document:
http://www.w3schools.com/tags/tag_span.asp
If there are any other questions, please feel free to ask.
Thanks,
Katherine Xiong
Katherine Xiong
TechNet Community Support

Need Number fields to be right aligned in ADF table.

Hi All,
I have af:outputtext in the column of ADF read only table and view attribute which is associated to this field is fetching numbers (type is Number). But by default in my page data (numbers) is displaying with left aligned.
But my requirement is to display numbers to be right aligned. I tried by setting Horizontal property to 'right' (text-align = right), also tried by seeting Styledclass property to AFFieldNumberMarker / AFFieldNumber css properties. But still numbers are displaying with left aligned.
Please tell me how to fix this issue?
Thanks,
Sadanand

Hi,
try attribute align="right" in af:column....
Regards,
Suganth.G

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

TableView: column header text alignment?

How can I change the text alignment of a TableView column caption/header? I'd like some of my column headers to be right aligned for example?
It works for regular table cells when I change f.i. the css of the custom DataFX MoneyTableCell cell:
.money-cell {
   -fx-alignment: TOP_RIGHT;
}but it won't work for the ".table-view .column-header" style of the standard TableView:
.table-view .column-header,
.table-view .filler,
.table-view .column-drag-header {
    -fx-alignment: TOP_RIGHT;
}

Just after raising this I realised the problem is that the text is a label on top of the header. You can right align by using the following selector:
.table-view .column-header .label {
    -fx-alignment: TOP_RIGHT;
}

Css Center Align Problem

Alright, I am making my Portfolio (Hosted on Dropbox for this porpuse) and once you go onto it you can see that it is not aligned correctly. Now in dreamweaver it comes up normal:
I have done this by placing all the Div's into a wrapper div, which under the css style sheet has the margin method of aligning it to the middle:
#Wrapper {
          position:fixed;
          width:640px;
          margin: auto;
Whats worng with this?

I've made those changes, I have achived the look I want, which is what you can see in the browser. But what I want it to do it be centred up in the middle of the page.
Html Code:
<!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>Sean Hall's Portfolio</title>
<link href="Css.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="Wrapper">
<div id="menu">
<table width="68" border="0" align="center" cellspacing="14">
<tr>
    <td><a class="Home" href="pages/homepage.html" target="iframe"></a></td>
</tr>
<tr>
    <td><a class="About" href="pages/about.html" target="iframe"></a></td>
</tr>
<tr>
    <td><a class="Social" href="pages/social.html" target="iframe"></a></td>
</tr>
<tr>
    <td><a class="work" href="pages/work.html" target="iframe"></a></td>
</tr>
<tr>
    <td><a class="Contact" href="php/contact.php" target="iframe"></a></td>
</tr>
</table>
</div>
<div id="main">
<div id="Content_bg">
<iframe src="pages/homepage.html" height="100%" width="100%" allowtransparency="1" frameborder="0" name="iframe"></iframe>
</div>
</div>
</div>
</body>
</html>
Css Stlyesheet:
@charset "utf-8";
body{
          background-image: url(Images/Background.fw.png);
          background-color: #DCDCDC;
          background-repeat: no-repeat;
          text-align:center;
#Wrapper {
          position:fixed;
          width:640px;
          left:0 auto;
          margin-top:120px;
#main {
          position:fixed;
          width:561px;
          left:75px;
          background-image:url(Images/Body.fw.png);
          background-repeat:no-repeat;
          height:400px;
#menu {
          position:fixed;
          width:68px;
          height:264px;
          background-image:url(Images/menu.fw.png);
          text-align:center;
#Content_bg {
          position:fixed;
          width:469px;
          height:232px;
          background-image:url(Images/Content.png);
          margin-left: 45px;
          margin-top: 12px;
#gallery {
          position: fixed;
          width:420px;
          height:70px;
          margin-top:300px;
          margin-left:50px;
          background-image:url(Images/footer.fw.png);
          z-index:1;
#Wrapper #menu table {
          text-align: center;
          height:250;
          width: 50px;
          top: 10px;
/*Nav Section */
a.Home {
          display: block;
          width: 33px;
          height: 34px;
          background-image:url(Images/Buttons/home_off.fw.png);
          margin:0 auto;
a.Home:hover {
          background-image:url(Images/Buttons/home_on.fw.png);
a.About {
          display: block;
          width: 33px;
          height: 34px;
          background-image:url(Images/Buttons/about_off.fw.png);
          margin:0 auto;
a.About:hover {
          background-image:url(Images/Buttons/about_on.fw.png);
a.Social {
          display: block;
          width: 33px;
          height: 34px;
          background-image:url(Images/Buttons/social_off.fw.png);
          margin:0 auto;
a.Social:hover {
          background-image:url(Images/Buttons/social_on.fw.png);
a.work {
          display: block;
          width: 33px;
          height: 34px;
          background-image:url(Images/Buttons/work_off.fw.png);
          margin:0 auto;
a.work:hover {
          background-image:url(Images/Buttons/work_on.fw.png);
a.Contact {
          display: block;
          width: 33px;
          height: 34px;
          background-image:url(Images/Buttons/contact_off.fw.png);
          margin:0 auto;
a.Contact:hover {
          background-image:url(Images/Buttons/contact_on.fw.png);

CSS and alignment

Hello,
I have a table with a form on the below page. I would like the first column (first, last, player id, etc) to be right aligned. I would like the form fields to be left aligned. I thought I set this up correctly in my CSS but it does not seem to work. Can someone take a look?
http://www.winriversignup.com/signup.aspx
Thanks,
Melanie

You have some corruption going on in your stylesheet (see below). You have the .BodyTxtRight css selector mixed in with the .rightbar2 css selector then you repeat the .BodyTxtRight css again.
.rightbar2 {
background-image: url(http://208.69.110.181/926260_WinRiver_PURL/Images/926260WR_Landing_04.png);
background-repeat: repeat-y;.BodyTxtRight {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 11pt;
font-style: normal;
color: #000000;
.BodyTxtRight {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 11pt;
font-style: normal;
color: #000000;
text-align: right;
position: fixed;
It should be as below:
.rightbar2 {
background-image: url(http://208.69.110.181/926260_WinRiver_PURL/Images/926260WR_Landing_04.png);
background-repeat: repeat-y;
.BodyTxtRight {
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 11pt;
font-style: normal;
color: #000000;
text-align: right;
position: fixed;

CSS: text align in a table

Similar Messages

Maybe you are looking for