Adjacent Table Cells Change Size

I inserted a table with 3 columns and 1 row. I then split
each colum to suit my needs, the middle column is the body of the
page and I want it to have 3 rows. Then I split the left column
into 7 or 8 td's so I can add images and nav buttons, but the
middle td in the center column is following the height of the left
td's for some reason. Anyone know how to stop this from happening?
Here is the URL:
http://www.happytailsdogparknh.org/index3.html
Thanks!

http://apptools.com/rants/spans.php
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"dsnoyes" <[email protected]> wrote in
message
news:ghtf8a$6fm$[email protected]..
>I inserted a table with 3 columns and 1 row. I then split
each colum to
>suit my
> needs, the middle column is the body of the page and I
want it to have 3
> rows.
> Then I split the left column into 7 or 8 td's so I can
add images and nav
> buttons, but the middle td in the center column is
following the height of
> the
> left td's for some reason. Anyone know how to stop this
from happening?
>
> Here is the URL:
http://www.happytailsdogparknh.org/index3.html
>
> Thanks!
>

Similar Messages

Preview in browser table layout changes

When I preview in Browser my layout og table cells changes...
I get some white spaces between 2 graphics... any reason for
that... what should I be checking.. thanks

boom73 wrote:
> When I preview in Browser my layout og table cells
changes... I get
> some white spaces between 2 graphics... any reason for
that... what
> should I be checking.. thanks
If your slicing is uneven, the table is exploding and you'll
need to use
spacers or nested tables.
Choose File > HTML setup. Click on the Table tab. For
Space with, choose
1 pixel transparent spacers, or nested tables.
Linda Rathgeber [PVII] *Adobe Community Expert-Fireworks*
http://www.projectseven.com
Fireworks Newsgroup:
news://forums.projectseven.com/fireworks/
CSS Newsgroup: news://forums.projectseven.com/css/
http://www.adobe.com/communities/experts/

Changing the color of a Basic line object nested in a table cell

Can anyone help me out here...I have inserted a line object from the Basic palette into a table cell on my web page and it displays fine but is default black color...I would like to change the color but haven't been successful in doing so..any ideas

Hmm - doesn't sound right.
"color=#hex" is not appropriate HTML markup.... Can you show us where you
made this change?
Murray

How to populate change from one Table cell to more Tables??

Dear Friends:
I have following successfully running code, each can populate 1 table cell updating in ChangeTableSelectionMain1 change to another table in ChangeTableSelectionMain1 also, or populate 1 table cell in ChangeTableSelectionSub1 change to another table in ChangeTableSelectionSub1 also, But cannot populate table cell updating in ChangeTableSelectionMain1 to ChangeTableSelectionSub1, Please advice how to make populating table cell updating in ChangeTableSelectionMain1 to ChangeTableSelectionSub1 successful??
Thanks.
[1]. main code:
package com.com;
import java.awt.BorderLayout;
import java.awt.event.WindowAdapter;
import java.awt.event.WindowEvent;
import javax.swing.JFrame;
import javax.swing.JPanel;
import javax.swing.JSplitPane;
import java.awt.GridLayout;
public class ChangeTableControl1 implements java.io.Serializable{
     private JFrame                frame;
     public static void main(String args[]) {
          try {
               ChangeTableControl1 window = new ChangeTableControl1();
               window.frame.setVisible(true);
          } catch (Exception e) {
               e.printStackTrace();
      * Create the application
     public ChangeTableControl1() {
          initialize();
      * Initialize the contents of the frame
     private void initialize() {
          frame = new JFrame();
          frame.setBounds(0, 0, 1500, 675);
          final ChangeTableSelectionMain1      c1      = new ChangeTableSelectionMain1();
          final ChangeTableSelectionSub1           c2      = new ChangeTableSelectionSub1();
          JSplitPane sp = new JSplitPane();
          frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
          final JPanel panel = new JPanel();
          panel.setLayout(new GridLayout(1, 2));
          frame.getContentPane().add(panel, BorderLayout.CENTER);
          sp.setLeftComponent(c1);
          sp.setRightComponent(c2);
          sp.setResizeWeight(0.5);
          panel.add(sp);// add right part
            frame.addWindowListener(new WindowAdapter() {
                 public void windowClosing(WindowEvent e) {
                     System.exit(0);
             frame.pack();
             frame.setVisible(true);
}[2]. ChangeTableSelectionSub1
package com.com;
import javax.swing.JTable;
import javax.swing.event.ListSelectionEvent;
import javax.swing.event.ListSelectionListener;
import javax.swing.event.TableModelEvent;
import javax.swing.JButton;
import javax.swing.JFrame;
import javax.swing.JPanel;
import javax.swing.JScrollPane;
import java.awt.FlowLayout;
import javax.swing.*;
import java.awt.*;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
import java.awt.*;
import java.awt.event.*;
import java.util.*;
import java.io.*;
import java.text.SimpleDateFormat;
import javax.swing.*;
import javax.swing.border.*;
import javax.swing.event.*;
import javax.swing.table.*;
import java.awt.BorderLayout;
import java.awt.event.WindowAdapter;
import java.awt.event.WindowEvent;
import javax.swing.JButton;
import javax.swing.JFrame;
import javax.swing.JPanel;
import javax.swing.JTable;
public class ChangeTableSelectionSub1 extends JPanel{
       protected         JButton                bt11 = new JButton("Insert before");
       protected         JButton                bt22 = new JButton("Insert after");
       protected         JButton                bt33 = new JButton("Delete");
       protected      ChangeTableSelectionMain1 lm = new ChangeTableSelectionMain1();
public ChangeTableSelectionSub1() {
     JPanel pnl = new JPanel();
     pnl.setMinimumSize(new Dimension(200,600));
          //pnl.setPreferredSize(new Dimension(800,600));
          final JTable tbl1 = new JTable(lm.data,lm.columnNames);
          final JTable tbl2 = new JTable(lm.data,lm.columnNames);
          JScrollPane scr1 = new JScrollPane(tbl1);
          JScrollPane scr2 = new JScrollPane(tbl2);
          lm.tbl1.getSelectionModel().addListSelectionListener(new ListSelectionListener()
          public void valueChanged(ListSelectionEvent lse)
               if (lm.tbl1.getSelectedRow()!=-1)
                    tbl2.clearSelection();
                    System.out.print("[1]. LongguChangeTableSelectionSub get msg from LongguChangeTableSelectionMain");
                    tbl1.clearSelection();
                    revalidate();
          lm.tbl2.getSelectionModel().addListSelectionListener(new ListSelectionListener()
     public void valueChanged(ListSelectionEvent lse)
          if (tbl2.getSelectedRow()!=-1)
               tbl1.clearSelection();
          System.out.print("[2]. LongguChangeTableSelectionSub get msg from LongguChangeTableSelectionMain");
          revalidate();
     pnl.setLayout(new FlowLayout());
     pnl.add(scr1);
     pnl.add(scr2);
     this.add(pnl);
public static void main(String []args)
     ChangeTableSelectionSub1 c = new ChangeTableSelectionSub1();
     JFrame frm = new JFrame();
     frm.setSize(920,400);
     frm.getContentPane().add(c);
     frm.setVisible(true);
}[3]. ChangeTableSelectionMain1
package com.com;
import javax.swing.JTable;
import javax.swing.event.ListSelectionEvent;
import javax.swing.event.ListSelectionListener;
import javax.swing.JScrollPane;
import javax.swing.JButton;
import javax.swing.JFrame;
import javax.swing.JPanel;
import javax.swing.JScrollPane;
import java.awt.FlowLayout;
import javax.swing.*;
import java.awt.*;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
import java.awt.*;
import javax.swing.*;
public class ChangeTableSelectionMain1 extends JPanel{
       protected         JButton                bt11 = new JButton("Insert before");
       protected         JButton                bt22 = new JButton("Insert after");
       protected         JButton                bt33 = new JButton("Delete");
       protected String[] columnNames = {"First Name",
                    "Last Name",
                    "Sport",
                    "# of Years",
                    "Vegetarian"};
       protected Object[][] data = {
          {"Mary", "Campione","Snowboarding", new Integer(5), new Boolean(false)},
          {"Alison", "Huml","Rowing", new Integer(3), new Boolean(true)},
          {"Kathy", "Walrath","Knitting", new Integer(2), new Boolean(false)},
          {"Sharon", "Zakhour","Speed reading", new Integer(20), new Boolean(true)},
          {"Philip", "Milne","Pool", new Integer(10), new Boolean(false)} };
       protected JTable tbl1 = new JTable(data,columnNames);
       protected JTable tbl2 = new JTable(data,columnNames);
public ChangeTableSelectionMain1() {
     JPanel pnl = new JPanel();
     pnl.setMinimumSize(new Dimension(200,600));
          //pnl.setPreferredSize(new Dimension(800,600));
          JScrollPane scr1 = new JScrollPane(tbl1);
          JScrollPane scr2 = new JScrollPane(tbl2);
          tbl1.getSelectionModel().addListSelectionListener(new ListSelectionListener()
          public void valueChanged(ListSelectionEvent lse)
               if (tbl1.getSelectedRow()!=-1)
                    tbl2.clearSelection();
               if (lse.getValueIsAdjusting())
                   System.out.println("Selected from " + lse.getFirstIndex() + " to " + lse.getLastIndex());
               revalidate();
          tbl2.getSelectionModel().addListSelectionListener(new ListSelectionListener()
     public void valueChanged(ListSelectionEvent lse)
          if (tbl2.getSelectedRow()!=-1)
               tbl1.clearSelection();
               revalidate();
     pnl.setLayout(new FlowLayout());
     pnl.add(scr1);
     pnl.add(scr2);
     this.add(pnl);
public static void main(String []args)
     ChangeTableSelectionMain1 c = new ChangeTableSelectionMain1();
     JFrame frm = new JFrame();
     frm.setSize(920,400);
     frm.getContentPane().add(c);
     frm.setVisible(true);
}Message was edited by:
sunnymanman

I have following successfully running code, each can populate 1 table cell updating in ChangeTableSelectionMain1 change to another table in ChangeTableSelectionMain1 also, or populate 1 table cell in ChangeTableSelectionSub1 change to another table in ChangeTableSelectionSub1 also, But cannot populate table cell updating in ChangeTableSelectionMain1 to ChangeTableSelectionSub1, Please advice how to make populating table cell updating in ChangeTableSelectionMain1 to ChangeTableSelectionSub1 successful??
My brain hurts, does yours?

How to change Table Cell Field Type Dynamically?

Hi All,
I am fetching some news data from backend DB and displaying them in a WD Table. Now one News Item may or may not have a URL behind it. If I find the URL as null then I want to display the news as simple TextView otherwise as LinkToUrl. How can I change this input type dynamically for each row in the runtime?
If I use LinkToUrl all the time then the items which has URL as null gets displayed as normal text, but they are of very faint color and I can not change the text design. Whether if I user TextView I can set some text design like Header2, Header 3 etc.
Can anybody please help with some code block? My main requirement is how to change the table cell input type dynamically.
Thanks in Advance.
Shubhadip

Hi Shubhadip,
This is the sample code for creating and adding a table cell editor table dynamically.
public static void wdDoModifyView
(IPrivateDynamicTableCreationView wdThis, IPrivateDynamicTableCreationView.IContextNode wdContext, com.sap.tc.webdynpro.progmodel.api.IWDView view, boolean firstTime)
//@@begin wdDoModifyView
/*** 1.Create Table **/
IWDTable table =
(IWDTable) view.createElement(IWDTable.class, "table1");
table.setWidth("100%");
table.setVisibleRowCount(data.length);
/*** 2.Create nameColumn **/
IWDTableColumn nameColumn =
(IWDTableColumn) view.createElement(IWDTableColumn.class, "Name");
IWDCaption colHeader =
(IWDCaption) view.createElement(IWDCaption.class, "NameHeader");
colHeader.setText("¼O");
nameColumn.setHeader(colHeader);
IWDTextView nameViewer =
(IWDTextView) view.createElement(IWDTextView.class, "NameViewer");
nameViewer.bindText(nameAtt);
IWDTableCellEditor editor = (IWDTableCellEditor) nameViewer;
nameColumn.setTableCellEditor(editor);
table.addColumn(nameColumn);
IWDTableColumn nationalityColumn =
(IWDTableColumn) view.createElement(
IWDTableColumn.class,
"Nationality");
IWDTableCellEditor nationalityEditor =
(IWDTableCellEditor) nationalityViewer;
nationalityColumn.setTableCellEditor(nationalityEditor);
table.addColumn(nationalityColumn);
/** 3. Bind context to table **/
table.bindDataSource(nodeInfo);
//@@end
Bala
Kindly reward appropriate points.

Theme Editor: where to change backgroundcolor of editable table cells?

Hi all,
I need to change the color of an editable table cell.
I navigated to the theme editor --> tables.There is a section "Editable Tables". The preview shows an example with three columns and tree rows. I want to change the backgroundcolor of the cell in the first row, third column (in SAP standard it is lightgrey).
The backgroundcolor of the rows beneath can be changed in section "Selected Cells", the backgroundcolor of the first two columns in the first row can be changed by "Background Color of Standard Table Cell" but I can't find the field where I can change the color of the last cell.
Best regards,
Sandra

Hi,
The blue color come from your definitions on "Labels and Fields" to read-only color of input field.
Regards,
F.F

Background to change colour of table cell?

I have my buttons that change the backgrou color on hover but
they dont do
the full table cell only around the text.
How would i get it to fill the cell?. Ive tried differnt
padding options
but non work.
.buttons a:hover {
background-color: #CC3333;
display: block;
TIA

Mike wrote:
> I have my buttons that change the backgrou color on
hover but they dont do
> the full table cell only around the text.
>
> How would i get it to fill the cell?. Ive tried differnt
padding options
> but non work.
>
> .buttons a:hover {
> background-color: #CC3333;
> display: block;
>
Then you have your code set up incorrectly because the css
that you have
provided should work.
Can you provide a link to the page in question or supply the
full
code/css of the table in which these links are inserted.

How to change the colour of a table cell boder?

I have just changed from Dreamweaver MX t CS5 and cannot find how to add a colour to the borders of a table and table cells. In the old MX it was easy just selected the colour for border in properties but in CS5 this option is not availble. Have tried formatting with CSS but this only colurs the outer boarder can anyone help?

Not sure what you mean by a custom class would it be possible to give me an example?

Find/change colour tint in table cell

Hi everyone,
I have a document containing a heap of tables. The tables currently have a tint of 15% black in some of the rows and I need to change this to 5% black. I also need to change the stroke weight from 0.5pt to 0.3pt.
Since there are so many of them, I wondered if there was a way to do this with find and change. The tables aren't objects - they're just regular tables inserted into the text frames.
Appreciate any help.
Thanks

Sorry to come back to this post but I'm still trying to figure out how to adapt the script suggested at this link: http://forums.adobe.com/thread/681944
I'm assuming I need to swap out some values but how would I adapt it so that it looks for table cells coloured with 20% black and changes them to 10% black.
As mentioned previously, my javascript knowledge is limited so I'd need some guidance.
Any further advice appreciated.

Lock table cell size

Hello,
I am creating a web form and want everything to line up. I am looking on how I can lock a table cell size. I simply clicked on the <td> selector and typed 70 in the Width, but it readjusts.
Thank you.

Hi melanie,
here the whole source 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>Black Oak Sign Up</title>

<link href="style.css" rel="stylesheet" type="text/css" />
<style type="text/css">

</style>
<script src="SpryAssets/SpryValidationTextField.js" type="text/javascript"></script>
<link href="SpryAssets/SpryValidationTextField.css" rel="stylesheet" type="text/css" />
</head>
<body bgcolor="#c8cacb" marginheight="0" marginwidth="0">
<div id="wrapper">
<div id="body">
    <form id="form1" name='form1' method='POST' action="">
      <table width="500" border="0" cellpadding="0">
        <tr>
          <td width="20%">First*</td>
          <td align="left"><span id="sprytextfield1">
            <input type="text" name="FirstNAME" id="FirstNAME" />
          <span class="textfieldRequiredMsg"></span></span></td>
        </tr>
      </table>
      <table width="500" border="0" cellpadding="0">
        <tr>
          <td width="20%">Last*</td>
          <td align="left"><span id="sprytextfield2">
            <input type="text" name="LastADD1" id="LastADD1" />
          <span class="textfieldRequiredMsg"></span></span></td>
        </tr>
      </table>
      <table width="500" border="0" cellpadding="0">
        <tr>
          <td width="20%">Steet 1*</td>
          <td width="235" align="left"><span id="sprytextfield3">
            <input name="STEET1" type="text" id="STEET1" size="35" />
          </span></td>
          <td width="109" align="right">Street 2 </td>
          <td width="49" align="right"><div align="center">
            <input name="Steet2ADD2" type="text" id="Steet2ADD2" size="5" />
          </div></td>
        </tr>
      </table>
      <table width="500" border="0" cellpadding="0">
        <tr>
          <td width="20%">City*</td>
          <td width="151" align="left"><span id="sprytextfield4">
            <input type="text" name="city" id="city" />
          </span></td>
          <td width="41" align="right">ST*</td>
          <td width="37"><span id="sprytextfield5">
            <input name="state" type="text" id="state" size="2" maxlength="2" />
            <span class="textfieldRequiredMsg"></span></span></td>
          <td width="111" align="right">Zip*</td>
          <td width="49" align="right"><div align="center"><span id="sprytextfield6">
            <input name="zip" type="text" id="zip" size="5" maxlength="5" />
          </span></div></td>
        </tr>
      </table>
      <table width="500" border="0" cellpadding="0">
        <tr>
          <td width="20%">Email*</td>
          <td align="left"><span id="sprytextfield7">
            <input name="email" type="text" id="email" size="35" />
          </span></td>
        </tr>
      </table>
      <table width="500" border="0" cellpadding="0">
        <tr>
          <td width="20%">Birthday*</td>
          <td align="left"><span id="sprytextfield8">
            <input name="DayBirth" type="text" id="DayBirth" maxlength="10" />
          </span></td>
        </tr>
      </table>
      <p>* A value is required</p>
    </form>
</div>
</div>
<script type="text/javascript">

</script>
</body>
</html>
HCH,
Hans-G.
updated: hans-g.

JTable changing borders for table cells

Hi,
I have a JTable which has columns which each represent a month for a
specified time period. For example, my table displays rows containing numeric data for March 1998 - April 2002.
I would like to create a Raised Cell for the numeric data for the first
cell in the time series and a raised cell everytime the numeric data
is under the column for January of the new year. For example,
the cell containing the data under March 1998 column should be raised and the cells containing the data for January 1999,2000,2001,2002 should be raised.
(FYI: I am using a TableModel which extends the AbstractTableModel)
Many Thanks in advance,
Alex

You need to create a custom table cell renderer to do what you are asking. It is what actually draws the cells. Just subclass the DefaultTableCellRenderer and override the getTableCellRendererComponent() method. Look at the source for that class, and just change it to add your logic to use a different border depending on the cell to be drawn.

How can I get a table cell to change color if its below some value

Hi everyone, I use JDeveloper with JHeadstart and just finished the tutorial using the predefined HR schema. I was wondering how would I go about making the color of a cell to change to red if it falls below 5. So for example if I was to measure the amount of printer cartridges we had in storage, and it falls to below 5, in the table that has the equipment the cell changes color to red?

You better aks this question on the jdeveloper forum as it is not related to jheadstart.
Once you know how to do this, this forum can help you woth keeping your page generatable using a custom template.
See also the chapter on customizing generator output in the jheadstart developers guide.
Steven davelaar,
Jheadstart team.

Customized table cell renderer doesn't work after table data model changed

Hi:
I have a jtable with a custimized table cell render (changes the row color). Everything works fine while the data model is unchanged. I can change the row color, etc. However, after I delete one row or any number of rows in the table, the data model is updated and the custmized table cell renderer is not being called anymore while jtable is rendering on its cells. Seems like the table cell render is no long associated with the jtable. Is this a known problem? Any help would be appreciated.
Thanks

I am having the same problem. Has anybody solved this issue?
Thanks

How to prevent a JButton in a Table Cell from stretching its size.

Hi,
I have JButton added to a Table Cell. But the button is filled up by covering the whole area of the cell and when I go for increase the width of the Table column, the button size is also stretched up along with the column's increasing width. How can I implement a solutiong so that I have a preferred size for the button so that when I go for stretch the column, the button should retain its preferred size. That mean it should not be stretched.
I hereby added the code for a reference,
    // ButtonEditor
    class ButtonEditor extends DefaultCellEditor {
        private static final long serialVersionUID = 42L;
         private String    label;
         private boolean   isPushed;
                protected JButton button;
         public ButtonEditor(JCheckBox checkBox) {
              super(checkBox);
              button = new JButton();
              button.setOpaque(true);
              button.addActionListener(new ActionListener() {
                   public void actionPerformed(ActionEvent e) {
                        fireEditingStopped();
          * Override the DefaultCellEditor inbuilt method
         public Component getTableCellEditorComponent(JTable table, Object value,
                   boolean isSelected, int row, int column) {
              if(value.equals(AdminToolsRes.resBundle.getString("nei.label.blockSync"))){
                   label = (value == null) ? "" : value.toString();
                   button.setText( label );
                   isPushed = true;
                   return button;
              else
                   return null;
          * Stop cell editing
         public boolean stopCellEditing() {
              isPushed = false;
              return super.stopCellEditing();
          * call the fireEditingStopped method
         protected void fireEditingStopped() {
              super.fireEditingStopped();
          * sets the cell editable to True
          * @return
         public boolean isCellEditable(){
              return true;
    //ButtonRenderer
    class ButtonRenderer extends JButton implements TableCellRenderer {
        private static final long serialVersionUID = 42L;
         public ButtonRenderer() {
              setOpaque(true);
          * Override the TableCellRenderer inbuilt method
         public Component getTableCellRendererComponent(JTable table, Object value,
                   boolean isSelected, boolean hasFocus, int row, int column) {
              if (isSelected) {
                 setBackground(table.getSelectionBackground());
             } else{
                 setForeground(table.getForeground());
                 setBackground(table.getBackground());
              if(value.equals(AdminToolsRes.resBundle.getString("nei.label.blockSync"))){
                   setText( (value == null) ? "" : value.toString() );
                   return this;
              }else{
                   JTextField txtFld = new JTextField();
                   txtFld.setBorder(null);
                   txtFld.setText((value ==null) ? "" : value.toString());
                   if(isSelected){
                        txtFld.setForeground(table.getSelectionForeground());
                        txtFld.setBackground(table.getSelectionBackground());
                   return txtFld;
    }Please help me in answering the question.
SumodeV

I feel, here the JPanel also might get stretched up.All renderers are sized to fill the entire area of the cell, so yes, the panel will get stretched, but the button won't. That is why the suggestion was made.
All renderers are sized to fill the entire area of the cell.
Not sure, but you might be able to override the JTable.prepareRenderer(...) method to reset the size of the button back to is preferred size. I have no idea how this will affect the rendering.

Table cell wont shrink to image size?

I place an image in a table cell and set all properties to "0" but it displays in the browser with extra space on the bottom?

I was just simply adding an image into a cell, not using a style sheet.
And always there is a couple of pixels space below the image, which is the red bkgd color you see.
Here is code:
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Untitled Document</title>
</head>
<body>
<table height="442" border="0" cellspacing="0" cellpadding="0">
<tbody>
    <tr>
      <td bgcolor="#B13B3D"><img src="Hana/soap_site/IMAGES/Test_img.gif" width="618" height="442" alt=""/></td>
    </tr>
</tbody>
</table>
</body>
</html>

Adjacent Table Cells Change Size

Similar Messages

Maybe you are looking for