Table cell align problem

I am using checkbox in my table using tablecellrenderer.i am able to align the checkbox to left.but it's showing center position when u click & hold.how to do that?
thanka in advance

You would have to provide your own cell editor that is left-aligned, as well as the renderer.

Similar Messages

JComboBox table cell renderer problem

The following program demonstrates a difference in behavior of table cell editor combobox based on whether the combo box is editable or not. If the ComboBox is editable, then the first click into the table cell starts the edit and shows the popup, whereas if the combobox is not editable then it takes 2 clicks into the cell to cause the popup to become visible. I am trying to achieve the 1 click popup behavior while keeping the combobox not editable. Run the following program, and click on various cells, the top table requires 2 clicks for a popup, and the bottom table only 1. The only difference is the editablility of the combobox. (This is windows l&f)
import java.awt.BorderLayout;
import java.awt.Component;
import java.awt.event.WindowAdapter;
import java.awt.event.WindowEvent;
import javax.swing.DefaultCellEditor;
import javax.swing.JComboBox;
import javax.swing.JFrame;
import javax.swing.JScrollPane;
import javax.swing.JSplitPane;
import javax.swing.JTable;
import javax.swing.UIManager;
import javax.swing.table.DefaultTableModel;
import javax.swing.table.TableCellRenderer;
public class JTableComboBoxCellEditorTest {
     public static void main(String[] args) {
          try {
               UIManager.setLookAndFeel(UIManager.getSystemLookAndFeelClassName());
          catch (Exception e){e.printStackTrace();}
          DefaultTableModel tableModel = new DefaultTableModel(
                    new Object[][] {{"1","2"},{"2","3"},{"3","1"} },
                    new Object[]{"Column1","Column2"}
          final JComboBox renderer = new JComboBox(new Object[]{"1","2","3"});
          TableCellRenderer cellRenderer = new TableCellRenderer() {
               public Component getTableCellRendererComponent(JTable table, Object value, boolean isSelected, boolean hasFocus, int row, int col){
                    renderer.setSelectedItem(value);
                    return renderer;
          JTable table1 = new JTable(tableModel);
          final JComboBox badEditor = new JComboBox(new Object[]{"1","2","3"});
          badEditor.setEditable(false);
          table1.setDefaultEditor(Object.class, new DefaultCellEditor(badEditor));
          table1.setDefaultRenderer(Object.class, cellRenderer);
          table1.setRowHeight(24);
          JTable table2 = new JTable(tableModel);
          final JComboBox goodEditor = new JComboBox(new Object[]{"1","2","3"});
          goodEditor.setEditable(true);
          table2.setDefaultEditor(Object.class, new DefaultCellEditor(goodEditor));
          table2.setRowHeight(24);
          table2.setDefaultRenderer(Object.class, cellRenderer);
          JSplitPane split = new JSplitPane(JSplitPane.VERTICAL_SPLIT,new JScrollPane(table1), new JScrollPane(table2));
        JFrame f = new JFrame("Table Test");
        f.getContentPane().add(split,BorderLayout.CENTER);
            f.setBounds(100,100,500,500);
        f.addWindowListener(new WindowAdapter() {
             public void windowClosing(WindowEvent e) {
                  System.exit(0);
        f.setVisible(true);
}

Setting a renderer for first column:
assetTable.getColumnModel().getColumn(1).setRenderer(tableRenderer);Your custom renderer must honor the selection color and border or otherwise the first column will not look selected. You should subclass DefaultTableCellRenderer:
public class AssesTableRenderer extends DefaultTableCellRenderer {
public Component getTableCellRendererComponent(...) {
    // default renderer uses a label
    JLabel label = (JLabel)super.getTableCellRendererComponent(...);
    // decide icon to use
    Icon icon = ...;
    label.setIcon(icon);
   return label;
}

Cell alignment problems

hi, im currently working on a website with dreamweaver, its
only the 2nd html site ive ever made.
both sites have been photography portfolios, so involve
thumbnailed galleries. i figured it would be easiest to use tables
to create the pages, as the the images are different sizes (some
landscape, some portrait etc). i used css for properties of cells.
problem is, when i move from one page to another in the
browser (seems to be every browser, but some are worse than
others), the cells appear to move. some of them have borders so
this is quite obvious.
am i missing something glaringly obvious? i find it so
frustrating, i have tried adjusted the cell widths through css and
single cell properties but neither seem to make the slightest
difference. it appears the content that is in each cell determines
the width of it in the browser, how can i control this so i can
maintain uniform alignment throughout the site?
many thanks in advance for any advice whatsoever

With a single table like that, you'll experience the size
shifts. You
may want to use a single nested table for the content.
Outer table - 3 rows
top row, colspan 2
middle row, thin left cell for navbar, wide right cell to
hold nested table
bottom row, colspan 2
Set explicit widths for the middle row cells.
In the middle row right cell, place a nested table with the
page content.
Another option is to go "tableless" and just use CSS for the
layout.
(PS - I didn't even notice the buttons on the left for a
while. I stared
dumbly at the page wondering how to get to the next page. The
buttons
are so dim they are difficult to see against the black
background.
Depending on the angle of my LCD screen, sometimes they
disappear entirely.)
Alec
Adobe Community Expert

Table Cell Alignment

Is it possible to establish default alignments for different cells in a table? I have a table with 13 columns. I would like to be able to set the default alignment to "center" in all columns but two. I wish the second column to have a default alignment of "right" and the third column to have a default alignment of "left". Then when I copy data from an excel spreadsheet into the table, I would like these alignments to be maintained.
Thanks in advance for any help you can provide!
Greg

Gregory Kush wrote:
Is it possible to establish default alignments for different cells in a table? I have a table with 13 columns. I would like to be able to set the default alignment to "center" in all columns but two. I wish the second column to have a default alignment of "right" and the third column to have a default alignment of "left". Then when I copy data from an excel spreadsheet into the table, I would like these alignments to be maintained.
Thanks in advance for any help you can provide!
Greg
Can you do what you are asking easily, sure with CSS it's a fairly easy task. Copying and pasting from Excel, this gets discussed very often and it's not a pretty process. First because Excel does not Export HTML well at all, and XML exporting in Excel is not an easy task to set up, but once it's setup it can be a viable workflow.
CSS Tutorial - http://www.w3schools.com/CSS/
Basically you define a class or ID to your table and another class to text align left. So you do something like this:
CSS
.center-text { text-align: center; }
.left-text { text-align: left; }
.right-text { text-align: right; }
<table class="center-text"><tr><td> // that will center everything in the table.
Then for the right align and left align just apply the respective class to the cell (this can also be done through properties window by using the drop-down menu to select the class). If you are using XML or populating this information from a database can just run a loop to populate the data, and you can also use that same query to populate Excel for reporting if you wish to go that route.

Table Cell Renderer Problem

I've created a JTable and filled it with data. I created my own header renderer so that I could have more control over the font of the header. I did the same with the cells of the table. Before I created the cell renderer, the cell and row selection (the highlighting of the selections) worked fine. Once I created and implemented the cell renderer, I can set the font the way I want, but the cell no longer highlights the selected rows. It's selecting the rows (my System.out.println in getTableCellRendererComponent() comes back with data). I'm not sure what I'm doing wrong. Here's some of the code....
runTable = new JTable(tableModel);
runTable.setBackground(Color.white);
runTable.setSelectionMode(ListSelectionModel.SINGLE_INTERVAL_SELECTION);
CellRenderer cellRenderer = new CellRenderer();
// Set column 1's header
String[] header1 = {"Time"," Of ","Day"};
TableColumn col1 = runTable.getColumnModel().getColumn(0);
col1.setHeaderValue(header1);
col1.setCellRenderer(cellRenderer);
String[][] parms = zoomplot.zmenubar.getParmSel();
TableColumn col;
for (int i = 0; i < parms.length; i++) {
String[] header = new String[3];
header[0] = parms[0];
header[1] = " (" + parms[i][1] + ") ";
header[2] = "Rate " + parms[i][2];
col= runTable.getColumnModel().getColumn(i + 1);
col.setHeaderValue(header);
// col.setMaxWidth(100);
col.setCellRenderer(cellRenderer);
class CellRenderer extends JLabel
implements TableCellRenderer {
Color background = null;
public CellRenderer() {
// setLayout(new BoxLayout(this, BoxLayout.Y_AXIS));
// setOpaque(false);
public Component getTableCellRendererComponent(
JTable table, Object value,
boolean isSelected, boolean hasFocus,
int row, int col) {
removeAll();
invalidate();
add(Box.createVerticalGlue());
setText((String)value);
setFont(Utils.courierBold11);
setHorizontalAlignment(SwingConstants.CENTER);
setAlignmentX((float)0.5);
if (isSelected) {
this.setBackground(Color.black);
// System.out.println("Row " + row + ", Col " + col + " is selected");
return this;
public void setBackground(Color back) {
background = back;
super.setBackground(back);
I even tried to "manually" set the highlighting in getTableCellRendererComponent() ...
if (isSelected) {
this.setBackground(Color.black);
but that didn't work either. Any Ideas..... Thanks.....

When creating a custom renderer it is generally easier to extend the DefaultTableCellRenderer as it already has the custom code to do row highlighting, border selection etc. Also it has been optimized to paint faster.
In your particular case it looks like your don't even need to do that. Just create a DefaultTableCellRenderer and change a few of its properties. Something like:
// Override default renderer for a specific column
DefaultTableCellRenderer centerRenderer = new DefaultTableCellRenderer();
centerRenderer.setHorizontalAlignment( JLabel.CENTER );
centerRenderer.setFont(...);
table.getColumnModel().getColumn(2).setCellRenderer( centerRenderer );

Cell Align problem

Hi guys,
Does anyone know why this wouldn't work:
         ((JLabel)this.objDataGrid.getColumn(1).getCellRenderer()).setHorizontalAlignment(SwingConstants.RIGHT);Basically When I add that line the program blocks without rasing any exception.
Thanks,
MeTitus

No no...
Because I was adding it to a contructor which in result is only created once since I am using a singleton....
But here it is how I solved it...
         class CellRenderer extends DefaultTableCellRenderer
               public Component getTableCellRendererComponent(JTable table, Object value, boolean isSelected, boolean hasFocus, int row, int column)
                  if(column == 1)
                       super.setHorizontalAlignment(SwingConstants.RIGHT);
                  else if(column == 2 || column == 3 || column == 4)
                       super.setHorizontalAlignment(SwingConstants.CENTER);
                  else
                       super.setHorizontalAlignment(SwingConstants.LEFT);
                  return super.getTableCellRendererComponent(table, value, isSelected, hasFocus, row, column);
         }Thanks itchyscratchy for the reply though.
MeTitus

Table vertical alignment problem

Hi,
I wonder if someone can take a look at this page
www.fitnessworld.ca/corplist.html and tell me what needs to be
fixed to make the first column of words start at the top, aligned
with the column next to it.
If you have a solution, could you provide the right code in
the right place?
thanks
Text

The verticle alignment is set to "default". This means the
text starts at the middle and works up and down. If there is more
text in one colums than the other then this is the result. Set the
verticle alignment to Top for both and you're set. You can do it in
the properties inspecter.
Andy

Control horizontal alignment of table cell?

Is it possible to control the horizontal alignment of text within a table cell using some form of xsl:attribute code? I wasn't able to find any alignment attributes supported in the user guide and was hoping there was a way to manage it- the problem is that I don't know ahead of time which cells need to be left justified and which ones need to be centered.
Thanks,
Kevin

I've tried the following in the
advanced properties but with no success.
<?if:number(EMPID)>6?>
<xsl:attribute
xdofo:ctx="block" name="text-align">center
</xsl:attribute>
<?end if?>
Change the attribute to the following and the formatting works.
<?if:number(EMPID)>6?>
<xsl:attribute
xdofo:ctx="block" name="background-color">red
</xsl:attribute>
<?end if?>
I'm previewing in PDF.
If anyone has any ideas they would be greatly appreciated.
Thankyou
John.

Custom Table Cell Renderer Unable To Set Horizontal Alignment

Hello,
I have a problem that I'm at my wit's end with, and I was hoping for some help.
I need to render the cells in my table differently (alignment, colors, etc) depending on the row AND the column, not just the column. I've got this working just fine, except for changing the cell's horizontal alignment won't work.
I have a CustomCellRenderer that extends DefaultTableCellRenderer and overrides the getTableCellRendererComponent() method, setting the foreground/background colors and horizontal alignment of the cell based on the cell's value.
I have a CustomTable that extends JTable and overrides the getCellRenderer(int row, int column) method to return a private instance of this CustomCellRenderer.
This works fine for foreground/background colors, but my calls to setHorizontalAlignment() in the getTableCellRendererComponent() seem to have no effect, every cell is always displayed LEFT aligned! It's almost like the cell's alignment is determined by something else than the table.getCellRenderer(row,column).getTableCellRendererComponent() method.
I've also tried setting the renderer for every existing TableColumn in the TableModel to this custom renderer, as well as overriding the table's getDefaultColumn() method to return this custom renderer as well for any Class parameter, with no success.
No matter what I've tried, I can customize the cell however I want, EXCEPT for the horizontal alignment!!!
Any ideas???
Here's the core custom classes that I'm using:
class CustomTable extends JTable {
private CustomRenderer customRenderer = new CustomRenderer();
public CustomTable() {
super();
public TableCellRenderer getCellRenderer(int row, int column) {
return customRenderer;
} // end class CustomTable
class CustomRenderer extends DefaultTableCellRenderer {
public CustomRenderer() {
super();
public Component getTableCellRendererComponent(JTable table, Object value, boolean isSelected, boolean hasFocus, int row, int column) {
super.getTableCellRendererComponent(table, value, isSelected, hasFocus, row, column);
if (row % 2 == 0) {
setForeground(Color.red);
setHorizontalAlignment(RIGHT);
} else {
setForeground(Color.blue);
setHorizontalAlignment(LEFT);
return this;
} // end class CustomRenderer
Even worse, I've gotten this to work fine in a trivial example I made to try and re-create the problem. But for some reason, this same thing is just not working for horizontal alignment in my actual project?!?
Anyone have any ideas how the cell's horizontal alignment set in the getTableCellRendererComponent() method is being ignored or overwritten before the cell is being displayed???
Thanks, any help is appreciated,
-Alex Blume

Ok, so I've looked into their source and I think I know where and what the trouble is. The JTable.java has a method called:
3658> public TableCellRenderer getCellRenderer(int row, int column) {
3659> TableColumn tableColumn = getColumnModel().getColumn(column);
3660> TableCellRenderer renderer = tableColumn.getCellRenderer();
3661> if (renderer == null) {
3662> renderer = getDefaultRenderer(getColumnClass(column));
3663> }
3664> return renderer;
3665> }
starting at line 3658 of their source code. It retrieves the TableCellRenderer on line 3660 by calling the tableColumn's getCellRenderer method. This is found in the TableColumn.java class:
421> public TableCellRenderer getCellRenderer() {
422> return cellRenderer;
423> }
See the problem? Only ONE cell Renderer. It's referring to a variable found at line 140 which is of type TableCellRenderer ... well actually it's created as a DefaultTableCellRenderer at some point since TableCellRenderer is an interface.
Basically the fix is this:
In the TableColumn.java file, a collection (Vector, LinkedList, whatever) needs to keep track of each cell's renderer. This will solve the solution. Of course this will be something that you or I can make.
What's funny is the contradiction in documentation between JTable's and TableColumn's getCellRenderer() method. First, if we look at TableColumn's documentation it states:
"Returns the TableCellRenderer used by the JTable to draw values for this column."
Based on that first statement, the getCellRenderer() method in TableColumn is doing its job exactly. No lies, no contradictions in what it does.
However, that method is called up inside of the JTable's getCellRenderer() method which says a completely different thing which is:
"Returns an appropriate renderer for the cell specified by this row and column."
Now we have a problem. For the cell specified. It appears that the rush to push this out blinded some developer who either:
1) mis-interpreted what the JTable getCellRenderer() method was supposed to do and inadvertently added a feature or;
2) was in a 2 a.m. blitz, wired on Pepsi and adrenalin and wrote the bug in.
Either way, I'm really hoping that they'll fix this because it will take care of at least 2 bugs. Btw, anyone interested in posting a subclass to solve this problem (subclass of TableColumn) is more than welcome. I've spent much too much time on this and my project is already behind so I can't really afford any more time on this.
later,
a.

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

J Table - Single Cell Alignment

Hello everyone,
import java.awt.BorderLayout;
import java.awt.Color;
import java.awt.Component;
import java.util.Random;
import javax.swing.JFrame;
import javax.swing.JPanel;
import javax.swing.JScrollPane;
import javax.swing.JTable;
import javax.swing.table.DefaultTableModel;
import javax.swing.table.TableCellRenderer;
import javax.swing.table.TableColumnModel;
public class RowColorTest
    private JTable table;
    public static void main(String[] args)
        new RowColorTest();
    public RowColorTest()
        javax.swing.SwingUtilities.invokeLater(new Runnable()
            public void run()
                createGUI();
    public void createGUI()
        JFrame frame = new JFrame();
        frame.setDefaultCloseOperation(JFrame.DISPOSE_ON_CLOSE);
        String[] columnNames = new String[4];
        columnNames[0] = "Name";
        columnNames[1] = "Age";
        columnNames[2] = "Value";
        columnNames[3] = "Extra";
        Object[][] data = new Object[20][4];
        Random r = new Random();
        for(int a=0; a < 4; a++)
            for(int i=0; i < 20; i++)
                if(i == 0 || i == 5 || i == 10 || i == 15)
                    data[i][a] = 23;
                else
                    data[i][a] = r.nextInt(50);
        DefaultTableModel model = new DefaultTableModel(data, columnNames);
        table = new JTable(model)
            public boolean isCellEditable(int rowIndex, int vColIndex)
                return false;
            public Class getColumnClass(int column)
                return getValueAt(0, column).getClass();
            public Component prepareRenderer(TableCellRenderer renderer, int row, int column)
                Component c = super.prepareRenderer(renderer, row, column);
                TableColumnModel tcm = table.getColumnModel();
                Object result = getValueAt(row, tcm.getColumnIndex("Value"));
                if(result instanceof Integer)
                    if(((Integer) result) == 23)
                        c.setBackground(new Color(0, 255, 153));
                        c.setForeground(Color.BLACK);
                        if(column == 0)
                                // I would like to do a CELL ALIGNMENT for this particular condition.
                                // setHorizontalAlignment() does not exist for the object c (Component).
                    else
                        c.setBackground(Color.WHITE);
                        c.setForeground(Color.BLACK);
                        if(column == 0)
                                // I would like to do a CELL ALIGNMENT for this particular condition.
                                // setHorizontalAlignment() does not exist for the object c (Component).
                if(table.isRowSelected(row))
                    c.setBackground(Color.BLUE);
                    c.setForeground(Color.WHITE);
                return c;
        JPanel panel = new JPanel();
        JScrollPane sp = new JScrollPane(table);
        panel.add(sp, BorderLayout.CENTER);
        frame.setContentPane(panel);
        frame.pack();
        frame.setVisible(true);
}Sorry for bringing this up again, but I am having a hard time trying to "align" a single "cell". In the code that I have provided, I tried to find a method from the Component object for setHorizontalAlignment() hoping to make this call:
c.setHorizontalAlignment(SwingConstants.RIGHT);
However, it does not exist. How would I go about setting the alignment for an individual cell? I've searched the forum for "cell alignment" and found some information about using a DefaultTableCellRenderer, but I'm not sure how to merge that with the existing code that I currently have.
In this thread: http://forums.sun.com/thread.jspa?forumID=57&threadID=659910 , camickr pointed out that I can use the row and column variables to find which cell to align, however once I've found the particular cell that I'd like to align, what do I do next? The component c does not have a method to set alignment in this scenario.
Thanks again,
Brianiak

You - the programmer - know that the component in question will be a label of some kind. The compiler, however, does not. As far as javac is concerned, the component could be, say, a 3D animation, in which case setHorizontalAlignement would be illegal.
In order to share our runtime knowledge with the compiler, we have to use some explicit casting:
(JLabel)c.setHorizontalAlignment(javax.swing.SwingConstants.CENTER);Note that this will lead to runtime errors if our component is not an instance of JLabel, so it's a good idea to surround the code with:
if (c instanceof JLabel){
}

Problem in table cell editor

Hai,
I inserted as a dropdownkey in table, Parent node ABc is bind to table , the child node DEf bind to coloumn dropdownbyindex. i set child node singleton as false, but its giving null pointer exception.
IXXXView.IABCNode iu=wdContext.nodeABC();
IXXXView.IDEFElement c=iu.nodeDEF().createDEFElement();
How to Solve this.
Hope Anil and Piyush will help me they already know about this problem.
regards,

Hai Bharadwaj,
happy to see you again, I think I am in wrong with creating table cell editor.
i will say my requirement please help me to do:
in the table the first coloumn is number, second one is name, third one is *** ,this coloumn contains two standard Strings male and female, the can select from dropdown index.
what i did is I created context node parent ABC
in that attributes name , age and another node DEF having attribute S.
I created a table and bind the node ABC(its not allow me to check DEF node).
i deleted table cell editor of column *** and created new editor dropdownindex. and binded texts is node DEF
DEF is set to singleton false.
Give me the suggetion.
regrds,

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

Problems placing graphic into table cell. It makes the iPad locks up when previewing that page.

I have 3 table cells that need a jpeg graphic placed into them.
I can paste a grahic into a table cell, but when i try to preview that page on the iPad, ibook shuts down. I must be placing the graphic wrong or formats are wrong, like object wrap or "inline" "floating" or "anchored". the graphic shows up in the fill once I copy and paste into the cell, but it doesnt show up when I look at the file info in the inspector. Also, once I preview the iBook author project on my iPad, that page will shut down the iBook app.

Well KT.....I tried that. But it still didnt work. I have 2 pages that have tables. The first page is just a full page with text only with a gradient colored screen in the table column heads. The 2nd page has the graphic illustration in the 3 table cells. Both pages shut down when opened to full screen view. But when i remove the graphic, there is no problem with a shut down. I know its got to be something you have to do but is unwritten in any manual.

Table cell align problem

Similar Messages

Maybe you are looking for