Table cells shift

When I look at my page in Dreamweaver, the cells at the top
of the page of my table are about 248 pixels in width, but when the
page appears on the web, they are out of alignment. I wish I could
lock each table cell so it will not shift.
Here is my website:
http://www.troyrecreation.org/
The cells that have shifted are the image of the woman doing
Pilates, the cell with text to the left, below and below left. It
is a table with 4 cells.
Any help would be appreciated.
Thanks,
Dan

Does changing the table cell code the pilates2 image is in
to:
<td width="247" align="center" valign="top"><img
src="pilates2.jpg"
width="247" height="185"></td>
fix it?
Take care,
Tim
"troyrecreation" <[email protected]> wrote
in message
news:fpl04j$h47$[email protected]..
> When I look at my page in Dreamweaver, the cells at the
top of the page of
> my
> table are about 248 pixels in width, but when the page
appears on the web,
> they
> are out of alignment. I wish I could lock each table
cell so it will not
> shift.
>
> Here is my website:
>
http://www.troyrecreation.org/
>
> The cells that have shifted are the image of the woman
doing Pilates, the
> cell
> with text to the left, below and below left. It is a
table with 4 cells.
>
> Any help would be appreciated.
>
> Thanks,
> Dan
>

Similar Messages

Table cell shifting issue

Getting a wierd within-cell selection indicator shift effect when using tables in LV 2013(32) on Win 7 (64).   Hestitate to call it a "scroll" 'cause that has other meanings in the table context.
Click on the letters in the attached VI to see it -- same effects if the table is in a running VI or not.
          + clicking on "A" does nothing. Deleting "A" causes the cell to shift.
          + clicking on any of the cells below "A" act like the above
          + clicking on header cell "x" causes a big sideways shift. Putting other values in the cell has other effects (some shift a lot, some not at all)
          + clicking on table cell "y" causes a big sideways shift. Putting other values in the cell has other effects (some shift a lot, some not at all)
          + clicking on table cell "z" does not shift. Deleting "z" causes a big sideways shift
          + I noticed the shift that happens when you delete "A" stops at the same horizontal location as if you
Observations:
    + Appears to be tied to cell's justify=center.
          + Shifting is always is right-to-left.
          + I noticed the shift that happens when you delete "A" stops at the same horizontal location as if you click on "y"
          + occurs on at least two different machines from different mfg's. Both running 2013-32 on Win7-64.
Solved!
Go to Solution.
Attachments:
table_issue.vi ‏8 KB

That's it! Thanks for tying up a loose end on an old thread.
With this information I was able to recreate this in LV2014-32 on Win7-64 so it's still a bug.
The key is the table has to span quadrant 3&4 of the front panel.
Drop a table control with (left,top)=(-108,185) for instance and (width,height)=(250,169). Select the entire table and set justification=center. The first column whose center is to the right of the front panel's "y axis" will have centering issues. Move the table off the y axis and the issue goes away. Move it back and issue comes back.
Having left or right justified prevents the issue but this is a Band-aid, not a fix, and was not applicable in my case as my UI needed centered text or it would look funny. I was using the table to display info and allowing the user to click on a cell to select it, at which point I would change the color via property node. My workaround was to change control focus immediately after the mouse click to minimize the time the drifting cell was noticeable.

Can't vertically center text within a table cell with a picture next to it

I have a table and each cell has a picture in it (which was "cut" from another part of the document and "pasted" into the cells). Next to it, I typed a few words. I want the words to be centered vertically within the cell. However, everytime I click on the vertical centering in the inspector, it moves the picture and the text remains at the very bottom of the cell. The text is "tied" to the picture. I've tried everything... highlighting the text, same thing. Can't figure it out!! Is there any way to do this without inserting text boxes??

Vertical align works on text within text boxes and within table cells.
I have just checked this using a table with:
*1st cell* Inline Picture with caption under. Cell sizes to fit
*2nd cell* Same as first, picture scaled down. Text and image centre vertically.
*3rd cell* Caption only, vertically centred.
It works and I have wrap turn off on the image, before I pasted it in.
On rereading the O.P.'s post it seems to be saying contradictory things. That the text is "tied to the picture" which is what you would expect of inline graphics and that the text is stuck in the bottom the cell.
Without a picture and a better description of the problem we are none the wiser.
I am just guessing but perhaps the O.P. has the image and Inline graphic on the same line and can't understand why the bottom of the text and the bottom of the image are aligned.
If this is the case it is a misunderstanding of what inline graphic means. The image acts just like a character in the text and sits on the text baseline, it is not an independent object.
It is possible to shift text next to the image or the image itself by selecting either and altering:
+Inspector > Text > More > Baseline Shift+
But frankly you would be better separating the 2 and putting the text in the cell to the left or right of the image.
Peter

How to highlight the table cell color in respective colors as needed per the requirements??

var aData = [
    {notificationNo: "10000000", description: "Maintenance for boiler", location: "G001-STG-UTLR-BLR", equipmentNo: "100000053", orderStatus: "ordered"},
    {notificationNo: "10000010", description: "Genreal Maintenance for boiler", location: "G001-STG-UTLR-BLR", equipmentNo: "100000053", orderStatus: "notordered"},
    {notificationNo: "10000011", description: "boiler Maintenance", location: "G001-STG-UTLR-BLR", equipmentNo: "100000053", orderStatus: "ordered"},
    {notificationNo: "10000012", description: "Pump breakdown", location: "G001-STG-UTLR-BLR", equipmentNo: "100000053", orderStatus: "ordered"},
    {notificationNo: "10000013", description: "External service boiler", location: "G001-STG-UTLR-BLR", equipmentNo: "100000053", orderStatus: "notordered"},
jQuery.sap.require("sap.ui.model.json.JSONModel");
var oEnterpriseAsset_NotificationConsole;
sap.ui.model.json.JSONModel.extend("EAM_Notification_Console", {
    CreateNotificationConsole:function(){
        oEnterpriseAsset_NotificationConsole = this;
            var oTable = new sap.ui.table.Table({
            //title: "Table Example",
            visibleRowCount: 7,
            firstVisibleRow: 3,
            selectionMode: sap.ui.table.SelectionMode.Single,
        /*    toolbar: new sap.ui.commons.Toolbar({items: [
                new sap.ui.commons.Button({text: "Button in the Toolbar", press: function() { alert("Button pressed!"); }})
            extension: [
                new sap.ui.commons.Button({text: "Button in the Extension Area", press: function() { alert("Button pressed!"); }})
        }).addStyleClass("tableform");;
        oTable.addColumn(new sap.ui.table.Column({
        label: new sap.ui.commons.Label({text: "Notification"}),
        template: new sap.ui.commons.Link().bindProperty("text", "notificationNo").bindProperty("href", "href",
                function(aValue)
        //    sortProperty: "notificationNo",
            //filterProperty: "notificationNo",
            width: "200px"
        oTable.addColumn(new sap.ui.table.Column({
            label: new sap.ui.commons.Label({text: "Description"}),
            template: new sap.ui.commons.Link().bindProperty("text", "description").bindProperty("href", "href"),
            //sortProperty: "notificationNo",
            //filterProperty: "notificationNo",
            //width: "200px"
        var oModel = new sap.ui.model.json.JSONModel();
        oModel.setData({modelData: aData});
        oTable.setModel(oModel);
        oTable.bindRows("/modelData");
    var idForTable= "DimTable"
        //alert("id of tbale " + idForTable);
        var htmlOutput = '<table id=' + idForTable + ' name="DimTab" style="border: 1px solid black;margin-left:15px;" cellpadding=6 cellspacing=0><tr style="background-color:#E5E5E5"><td><b>Dimension</b></td><td><b>Value</b></td></tr>';
        for(var i=0;i<aData.length;i++)
         alert(aData[i].notificationNo);
        htmlOutput += '<tr style="display:none;"><td style="border-right:1px solid #e5e5e5;">Contract No</td><td>'+ aData[i].notificationNo+'</td></tr>';
        htmlOutput += '<tr style="display:none;"><td style="border-right:1px solid #e5e5e5;">Unit No</td><td>'+ aData[i].description+'</td></tr>';
        htmlOutput += '</table>';
         var html2 = new sap.ui.core.HTML({
             // static content
             //content : "<div style='position:relative;background-color:white;'>Weather</div><script src='//www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/builtin_weather.xml&synd=open&w=320&h=200&title=__MSG_weather_title__&lang=en&country=ALL&border=http%3A%2F%2Fwww.gmodules.com%2Fig%2Fimages%2F&output=js'></script>",
        content : htmlOutput,
              //2 wrkng sydney content : '<div id="cont_Mzc0NjN8NXwxfDF8NHxlZGY1ZjV8M3xGRkZGRkZ8Y3wx"><div id="spa_Mzc0NjN8NXwxfDF8NHxlZGY1ZjV8M3xGRkZGRkZ8Y3wx"><a id="a_Mzc0NjN8NXwxfDF8NHxlZGY1ZjV8M3xGRkZGRkZ8Y3wx" href="http://www.weather-wherever.co.uk/australia/sydney_v37463/" target="_blank" style="color:#333;text-decoration:none;">Weather forecast</a> © weather</div><script type="text/javascript" src="http://widget.weather-wherever.co.uk/js/Mzc0NjN8NXwxfDF8NHxlZGY1ZjV8M3xGRkZGRkZ8Y3wx"></script></div>',
              //content : '<div style="margin-left:-10px;margin-top:10px;width:100%;"><LINK rel="StyleSheet" href="http://weatherandtime.net/new_wid/w_5/style.css" type="text/css" media="screen"><div class="ww_5" id="ww_5_2119"><div class="l_b"></div><div class="c_b"><div class="day" id="d_0"><span class="den"></span><br><span class="date"></span><br><span class="temp"></span><div class="pict"></div><span class="press"></span><br><span class="hum"></span><br><span class="vet"></span><br></div><div class="day" id="d_1"><span class="den"></span><br><span class="date"></span><br><span class="temp"></span><div class="pict"></div><span class="press"></span><br><span class="hum"></span><br><span class="vet"></span><br></div><div class="day" id="d_2"><span class="den"></span><br><span class="date"></span><br><span class="temp"></span><div class="pict"></div><span class="press"></span><br><span class="hum"></span><br><span class="vet"></span><br></div><div class="cl"></div><div class="links"><a target="_blank" title="Pune Weather forecast" href="http://weatherandtime.net/en/Asia/India/Pune-weather.html">Pune Weather forecast</a><br><a style="font-size:12px !important;color:#12A0D7 !important;text-decoration:none !important;" href="http://weatherandtime.net/en/widgets-gallery.html" title="weather"></a></div></div><div class="r_b"></div></div><script type="text/javascript" src="http://weatherandtime.net/w_5.js?city=2119&lang=en&type=2&day=3"></script></div>',
          // initially behaves the same as Sample 1
             preferDOM : false,
             // use the afterRendering event for 2 purposes
    return     oTable;
/* In the screen shot as u can see.. I have to highlight the table cell in green color and red color for ordered and unordered status(which is binded to a json data) respectively....anyone please help??

Hi Abhi,
               Check this link it may helpHow I made highlight of specific values in Table

Looping table cells....... is it possible to loop more than one table cell?

Hi there
Hope everyone is doing well
I have been using the addt looper wizard and it works great.....
I usually put all the things I want to loop into one cell.... then select all the things and apply the looper.... which works fine....
But..... it is hard to align all the elements I want to loop
I have been using transparent gif images to space the loops evenly but when I space dynamic taxt on top of each other there is a large gap.....
It is a nightmare to get it looking even
Ok say I want to loop this.....
A thumbnail
Product ID
Price
It would look like this
A thumbnail
Product ID
Price
Because I cannot reduce the space between the lines......
So I would like to place all the different elements in separate table cells and loop them..... I have tried and get really strange results....
When you look at most online shops, their product pages have a thumbnail image the id, price, description, etc.... all spaced evenly.... and looks like is looped...... So.... how do I do it?
Is there any easier way to align the things I want to loop?
Any help would be great

Hi there
I seem to have figured out how to loop cells....
Should have thought of it earliar but anyway
Was easy....
Just create a looped (repeat) region and insert a table into the region and edit the table to align all the looped elements easily....
Cool

Highlighting text in a table cell

Im trying to get text in a table have it background shaded a different colour to the rest of the table cell but it doesnt work. No exceptions are thrown does anyone have any idea.
public Component getTableCellRendererComponent(JTable table,
        Object value,
        boolean isSelected,
        boolean hasFocus,
        int row,
        int column)
        setFont(table.getFont());
        this.setText(value));
        this.selectAll();
        this.setSelectionColor(new Color(0,0,255,100);
        return this;
    }

The answer is similar to what someone else asked recently for highlighting text in a JFormattedTextField cell.
class MyFocusListener extends FocusAdapter
public void focusGained(FocusEvent e)
SwingUtilities.invokeLater(new Runnable()
public void run()
selectAll();
Put that in your cell editor or its base class. You can change the color or whatever you want. I think the problem is a timing thing where normal focus processing is interrupting your changes. So give the focus processing time to run with this Runnable triggering your processing to occur on the Awt thread (as is proper) after the system is doing whatever it wants to do. Let us know if it works for you.

How can I make a table cell extend beyond the page? The text disappears when the cell becomes larger than the page.

How can I make a table cell extend beyond a page? The text disappears when the cell becomes bigger than the page. I want the table to continue to the next page.

As a student, you might be able to get Office for Mac from the college bookstore at a substantial discount. Otherwise, I think your best option for documents that need to be shared with Office users is to get one of the free Office clones such as LibreOffice.

How to use a checkbox table cell in FXML

I've figured out how to make a column in a TableView render as a checkbox rather then just text when the UI is written in Java. Now I'm trying to figure out how to do the same thing with FXML. I've tried a couple experiments which have all failed, usually with an exception complaining that it can't coerce a table cell class type (or extension) to an interface (i.e. Callback).
Right now I'm just trying to make one of the columns be a checkbox. I'm not trying to use any custom type. In other words, in Java I would have done the following:
TableColumn<MyModel, Boolean> col1 = new TableColumn<MyModel, Boolean>();
col1.setCellValueFactory(new PropertyValueFactory<MyModel, Boolean>("col1Field"));
col1.setCellFactory(CheckBoxTableCell.forTableColumn(col1));This works when I build the UI using Java API calls. Does anyone know how to do this in FXML?

Thank you both.
I used Luca's suggestion as a first step.
You'll find attached my v.i. that enables me to do what I wanted. It finally works as I expected. It would have been much simpler if my DAQ was able to measure directly a resistance!
Loris
Attachments:
banc_de_test_température.vi ‏205 KB

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 wrap a line in a table cell in adf

How do I wrap a line of text in a table cell?

Yes, I tried that. But I have 2 sets of information. I want it to wrap exactly at the start of the second piece of information
So I am trying to use noWrap in combination with width. How else can I do this. appending \n does not work

How to print global variable in smart form table cell

hi,
i have smartform and i insert table in it, i also have set global variable, i want to show variable in table cell.
regards
shahid rais

Hi Shahid Rais
You can use this global variable that has been declared in anywhere as you like.
For displaying global variable in table lines, You can first set the column and row of the table by using the table tab in table node . Then, u can decide either the variable u want to used will be placed on header, main, or footer. After that, right click on one of the table part, and choose create table line. After choosing the correct line type as already been declared in the table painter, just simply right click on the table cell, and then create text node.
You can now enter your variable by using "insert field".
And don't forget the & & signs before and after your variable name.
Regards,
William Prawira

How to write text vertically in an table cell?

Is it possible to make a table cell where the
text would be written along a vertical base line?
I found how to make a text box and rotate it
vertically.
How may I place such a text box in a table cell?
dan

Hello daniel,
if the table will not be resized or repositioned a lot, the best way to display what you want to have is to create a textbox with the styles and adjustments you need, rotate it and place it over the table cell. Be sure to make the cell big enough to pretend the text of the textbox would be inside of it. The textbox has to be a fix positioned object in the top layer.
It's only a work-around, but the best you can achieve.
Frank.

How to create a context menu in ALV table cell editor(Webdynpro abap )

Hello Experts,
I am having a problem in creating a context menu in a table cell editor in the ALV table output.I have assigned a 'lta' as the cell editor.But befor assigning the lta as cell editor I have assigned the menu to the lta.But when the view is rendered I can see the lta with the actioned assigned to it.But I cannot see the context menu.
The code snippet below:
"Create menu for each coloumn
create OBJECT lo_menu_actions type CL_SALV_WD_VE_MENU EXPORTING
      id = 'MITM_ACTIONS'.
lo_menu_actions->set_visible( value = abap_true ).
lo_menu_actions->set_visible_fieldname( value = 'ACTIONS' ).
"ADd menu items
CREATE OBJECT lo_menu_item_create type CL_SALV_WD_VE_MENU
exporting
    id = 'MITM_CREATE_EXPRESSION'.
lo_menu_item_create->set_visible( value = abap_true ).
lo_menu_item_create->set_visible_fieldname( value = 'Create' ).
"Add item 1
lo_menu_actions->ADD_ITEM( VALUE = lo_menu_item_create ).
" Set the cell editor for each column cell(link to an action)
LOOP AT lt_node_dec_tab_cols INTO ls_node_dec_tab_cols .
    lv_column_name = ls_node_dec_tab_cols-object_name.
    lr_column = lr_column_settings->get_column( lv_column_name ).
   "Create 'lta' Ui item
    CREATE OBJECT lo_lta TYPE cl_salv_wd_uie_link_to_action.
    lo_lta->set_menu( value = lo_menu_actions ).
    lo_lta->set_text_fieldname( lv_column_name ).
    lr_column->set_cell_editor( lo_lta ).
    IF ls_node_dec_tab_cols-is_result EQ abap_true.
      lr_column->set_cell_design( value =
                  cl_wd_table_column=>e_cell_design-key_medium ).
    ENDIF.
ENDLOOP.

Hi Prakash,
I have not come across this requirement till now to have context menu in a cell editor of alv.
Unfortunately the implementation of method SET_MENU of alv ui elements ( ex: cl_salv_wd_uie_text_view ) is not updating alv configurable table, instead it just stores in a global attribute as string. Hence has no effect on context menu.
If your user is very particular about this requirement of having context menu in cell editor, you can go for a normal table. Because, normal table's cell editor has the property to set the menuID as we do it for other ui elements.
Regards,
Rama

How to get the data from a table cell

Could somebody suggest me how I can get the data value from a table cell if I set that cell a Double object previously.
Thanks very much

Thanks for camickr's information.
And thanks uhrand,
I haven't got it sloved. I am sick on this problem.
I have the methods to let the table editable. My tableModel code is from Sun Tutorial.
It has the code like this:
public int getColumnCount() {
            return columnNames.length;
         public int getRowCount() {
            return data.length;
          public String getColumnName(int col) {
            return columnNames[col];
         public Object getValueAt(int row, int col) {
            return data[row][col];
         * JTable uses this method to determine the default renderer/
         * editor for each cell. If we didn't implement this method,
         * then the last column would contain text ("true"/"false"),
         * rather than a check box.
        public Class getColumnClass(int c) {
            return getValueAt(0, c).getClass();
         * Don't need to implement this method unless your table's
         * editable.
        public boolean isCellEditable(int row, int col) {
            //Note that the data/cell address is constant,
            //no matter where the cell appears onscreen.
            if (col < 1) {
                return false;
            } else {
                return true;
         * Don't need to implement this method unless your table's
         * data can change.
        public void setValueAt(Object value, int row, int col) {
            if (DEBUG) {
                System.out.println("Setting value at " + row + "," + col
                                   + " to " + value
                                   + " (an instance of "
                                   + value.getClass() + ")");
            data[row][col] = value;
            fireTableCellUpdated(row, col);
            if (DEBUG) {
                System.out.println("New value of data:");
                printDebugData();
        public void printDebugData() {
            int numRows = getRowCount();
            int numCols = getColumnCount();
            for (int i=0; i < numRows; i++) {
                System.out.print("    row " + i + ":");
                for (int j=0; j < numCols; j++) {
                    System.out.print(" " + data[i][j]);
                System.out.println();
            System.out.println("--------------------------");
        }

Inline Error Message in a table cell

There is a requirement where in an error message is to be thrown in a table cell.
(For eg, when the filed value is getting populated from a VO.Considering the scenario where the value is null for some reasons.)Can anyone suggest to implement the same?

It is possible with the controller coding.
User putAttrDialogMessage method on pageContext.
public void putAttrDialogMessage(OAWebBean webBean,
OAException message)
Registers a dialog message for a web bean that is not based on a view object. The dialog message will be displayed in the message box located in the top section of the current page and also attached to the corresponding region item as an inline message.
The proper way for preserving the bad value which caused the exception is by using OAAttrValException as follows:
OAMessageTextInputBean textField = ....; // webBean in question
OAAttrValException attrEx = new OAAttrValException(
OAAttrValException.TYP_VIEW_OBJECT, // Just default it to ViewObject
null, // View Usage Name as null
null, // The primary key as null
textField.getDataAttributeName(), // The attribute name
value, // The attribute bad value which caused validation failure
"FND", // Message application short name
"ATTR_EXCEPTION_MSG"); // Message code
pageContext.putAttrDialogMessage(textField, attrEx);
Parameters:
webBean - the web bean to which the message belongs
message - an OAException object representing the dialog message. An appropriate message type must be set on the exception object through the constructor.
Do let me know if you got struck.

Table cells shift

Similar Messages

Maybe you are looking for