Table cell padding

I have a requirement to increase the space between columns in an Oracle OAF table (not a custom table). This is because cell data that reaches the end of cell1 runs right into the beginning of text in cell2 (and they don't want to increase the width of the overall table.
There doesn't appear to be a way to increase "cellpadding" via personalizations - is there anyway to do this?
Alternately, I thought column banding might provide the "visual" separation between data that is desired. However, this also is not available via personalizations - can this be done through CSS? I tried creating one and specifying the "CSS Class" of the table via personalizations but this also did not work for me - is there anything obvious I'm missing here?

Similar Messages

RoboHelp 7 to 9 : Table Cell Padding

HI All,
I very recently upgraded from TCS 1.3 with RoboHelp 7 to TCS 3.5 with RoboHelp 9. Yeay! All is good so far except one little niggle. . .
I use tables frequently in my source files to set out information. In RH7 I did this through Table > Insert > Table... Select number of rows and columns then click OK.
When I did this I could see that RH had automatically added padding to the table cells. If I added text into the cell there was a small gap between the table border and start of the text.
When I perform the same action in RH9, the padding appears to be missing (highlight a table cell and skip over to HTML view). I can't figure out how to add this automatically.It could get a little tiresome if I have to add it for each table cell from now on in order to be consistent with the tables already in my project. Manually adding a margin from the Table properties dialog appears to make no difference. Even when I set the margin to be outrageously huge, my text still butts right up against the table border.
So, does anyone know how I can set my table cells to automatically have the same padding as they did in RH7?
Any ideas or help are welcomed. Thanks guys!
Lil

Presumably, after reading the Table Styles topic in the help as well as your tour Peter, my existing tables stay as is unless I apply a table style to them but I have to create a style for any new tables I add into my project files?
Yes to all questions. At some point it may be worth converting your inline tables to CSS though so that future changes are just at CSS level.
You don't mention in your tour Peter whether the mapping issue across to printed documentation has now been fixed in RH9?
If you mean what I think you do, not that is still an issue.
Having attempted to create a table style, I'm now trying to work out why if I choose to apply formatting to the 'Whole Table' and set the borders to 'Solid', '1px', 'All Borders' and 'Silver', I get an outline around the whole table rather than all cells bordered. Confused?!!
The table editor is a nightmare. Whole table means the outer borders, not the whole table, as one might reasonably expect. I think the trick is to set borders for odd rows as top left and even rows as bottom right, something like that.
See www.grainge.org for RoboHelp and Authoring tips
@petergrainge

ADF Skins CSS - table cell padding

Hi there,
Can anyone provide an example of how to set the data row, cells', cell padding value ...
referring to http://www.oracle.com/technology/products/adf/adffaces/11/doc/skin-selectors.html
I dont seem to be able to tie the -tr-padding-right-width for the ad|table element and/or overwrite it on af|column elements ...
anyone any idea the best approach ?

Hi,
try
.AFTableCellDataBorder:alias{
padding:20px;
}

Need left cell padding in tables

Does anyone know how to add left padding to table cells so
the text does not jam into the left table ruling?
I have padding specified in all my table formats, but all the
resulting tables have no left cell padding.
I tried adding extra padding to the paragraph tag in the
Table Cell tab of the Paragraph Designer: no luck.
Of course, I do NOT want to hand edit all my tables in
RoboHelp.
This is strictly a single-source project.
Outside of that, the tables are coming through pretty nicely.
But that crammed look kind of spoils things.

Thanks Jain.
I can see by your reply that I
cannot fix the problem by:
- editing table, row, or cell formats in CSS.
- Or adding padding in the Table Designer in FrameMaker.
- Or adding extra cell margin in Paragraph Designer/ Table
Cell tab.
Solution:
Design a special FM template for RoboHelp.
Import this template into FrameMaker before moving the files
into RoboHelp.
In the Framemaker template for RoboHelp, the FrameMaker
cellbody paragraph tag formats have extra First and Left indents
(.081in.) added in the Basic tab of FrameMaker's Paragraph
Designer.
Once the files are in Robohelp, in RoboHelp Style
Settings/Style Mappings,
I leave the cellbody styles as Source (no mapping to
RoboHelp).
Note about the special FM template.
It does not very long to design (maybe an hour).
It is very simple to import into FrameMaker (couple seconds).
I can edit all my paragraph tags, character tags, and table
styles at once
(for instance, body text uses a san-serif font).
Then, in RoboHelp's Settings/Style Mappings I leave the
styles as [Source].
Only one last detail for my tables,
Cheryl B in Las Vegas's unanswered posting, "vertical
alignment in tables"
RoboHelp's "center" setting of the vertical alignment of
table cell text looks funky.
We need "Top".
Any fix, in the future, maybe?

*Very challenging problem with Firefox involving 'table-layout' attribute and cell padding

I've been trying to figure this out for days and I just feel
like my head is going to explode. I don't even think words could
describe the relief if someone could solve this problem for me.
I described the problem here to make things easier:
http://morthian.googlepages.com/Untitled-2.html

.oO(AngryCloud)
>I came up with a solution. If I use a div inside of the
cells instead of
>assigning them a class, the problem goes away.
This doesn't sound right. You should put the page up again,
describe
what you're trying to do and what the problem is in more
detail.
>This is going to take me hours
>to monotonous work, but I will do what I have to do.
Search & replace comes to mind, but this shouldn't be
necessary at all.
A 'div' inside a table cell just for the sake of "fixing"
some obscure
problem is not really a solution, as it doesn't really fix
anything.
Micha

Cell Padding in SQL Report Region

I have what I hope is a simple question.
I have a SQL Report region and I want to add more padding to the left and right sides of the table cell. I don't want to change the style sheet because I don't want to affect other pages. But I tried adding style attributes on the "Region HTML table cell attributes" field but I still can't get it to work.
Can anyone give me an example of how I can do this?

95665 wrote:
Please update your forum profile with a real handle instead of "95665". And always specify your APEX version. What is it?
I have what I hope is a simple question.
I have a SQL Report region and I want to add more padding to the left and right sides of the table cell.
"The table cell"? A single, specific cell within the report? All cells in a specific column or row? All cells in this report? Or do you mean padding around the entire report table?
I don't want to change the style sheet because I don't want to affect other pages.
Create a page-specific style sheet using the Inline page CSS attribute (in 4.2) or a style element in the page HTML Header (previous versions).

Images as table cell content

Hi,
we are using thumbnail images for representing some employee status in a table. Images are displayed successfully.
Problem is the white space between two cells, we want to eliminate the space between two cells. I have tried cell width property but it doesn't help.
Any other suggestions to achieve this.
Thanks a lot.
Rgds

Hi Sharanya,
I could not find property cell spacing and cell padding property for cell.
I am on Nw04.
Is there other way we can achieve this.
Rgds

Eliminate extra space in table cell

I cannot figure out what is causing the appearance of extra
space beneath the thumbnail images on the following webpage (this
space is in between the image and the cellborder):
http://www.canchair.com/new_web_product_detail.asp?ProductID=499&ProductFamily=5&ProductFa milySub=
OR THE RELEVANT CODE CAN BE VIEWED AS FOLLOWS:
HTML CODE FOR THE TABLE CELL CONTAINING THE EXTRA SPACE:
<a href= "javascript:;" class="small_img" >
<td class="small_img" onmouseover="showBigImage(
'imagescript.asp?path=<%= images("url_img")
%>&width=250','<%= images("url_img") %>','<%=
images("alt_img") %>' )"> <img
src="imagescript.asp?path=<%= images("url_img")
%>&width=36" border="0" /> </td>
</a>
small_img STYLE SHEET CODE:
.small_img {
margin: 0;
border: 1px solid #A5ACB2;
cursor: hand;
padding: 0;
.small_img:hover td{
margin: 0;
border: 1px solid #000000;
cursor: hand
.small_img:hover{
color: red; /* Dummy definition to overcome IE bug */
}

View the page in Firefox, view source, and Go To Line will do
the trick (in
Firefox).
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
==================
"aonefun" <[email protected]> wrote in
message
news:gbp286$5vg$[email protected]..
>I was asking how to know which line of my code the errors
specified on
>
http://validator.w3.org/ are
referring to. I assume the line numbering on
> dw
> would not correspond as a webpage strips the server side
code.
>

Oracle Maps doesn't work inside a table cell?

Hello everyone,
I have been using Oracle Maps without a table, but now I need to put the display (<div>) inside a table cell for organization purposes. I noticed that it simply doesn't display the map if I put it there.
This works and displays the map:
<body onLoad="loadMainMap()">
      <div id="map_div" style="left:0px; top:0px; width:100%; height:100%; border:2px solid"></div>
</body>This doesn't display the map (The table and div are there, but no map is shown):
<body onLoad="loadMainMap()">
    <table>
        <tr>
        <td>
                <div id="map_div" style="left:0px; top:0px; width:100%; height:100%; border:2px solid"></div>
        </td>
        </tr>
    </table>
</body>Am I doing something wrong?
Thanks in advance,
~Ruben Jorge

Hi Ruben,
That's related to DIV and the inline style you've selected.
You can try to change the div style with, for example :

Or give a try with DIV tables :

I've used the following styles :
<style type="text/css">
/* <![CDATA[ */
     body {
          margin:0; padding:0;
          font-size:80%;
          font-family: sans-serif;
#header {
display: block;
width: 80%;
margin: auto;
     #container {
     width: 80%;
     margin: auto;
          padding:0;
          display: table;
          border: 1px solid black;
#row {
display: table-row;
     #left {
          width:150px;
          padding:1em;
          background: #EEF;
          display: table-cell;
     #right {
          width:150px;
          padding:1em;
          background:#FEE;
display: table-cell;
     #middle {
          padding: 1em;
          background:yellow;
display: table-cell;
/* ]]> */
</style>
Hope it helps!
Cheers,
pedro
Edited by: plopes on May 11, 2009 2:46 PM
Edited by: plopes on May 11, 2009 4:40 PM

How to link a table cell?

Hi,
What would be the best way to link this table cell? I want the entire cell to be linked rather than just the text inside it.
<table width="160" border="0" align="right" cellpadding="5" cellspacing="0" class="backgroundbox-video">
                      <tr>
<td width="167" align="left" valign="top"><p class="navheader-lg">Video Clip</p>
                            <p class="navheader-sm">Watch a short<br />
                              testimonial video</p></td>
                      </tr>
Thanks so much
Laura

Here is what I have in the style sheet...
.vidA a {
    text-decoration: none;
    display:block;
    background-image: url(../images/videoclip-imageandcolor-tr.gif) no-repeat scroll right bottom;
    background-color:#B1D6D5;
    padding:10px;
.vidA a:link, .vidA a:visited, .vidA a:hover{
    color:black;
.vidA a:hover{
    background-color:#4AA3C9;
.vidA p {
    margin:5px;
.audioA a {
    text-decoration: none;
    display:block;
    background-image: url(../images/audioclip-imageandcolor-tr.gif) no-repeat scroll right bottom;
    background-color:#B1D6D5;
    padding:10px;
.audioA a:link, .vidA a:visited, .vidA a:hover{
    color:black;
.audioA a:hover{
    background-color:#4AA3C9;
.audioA p {
    margin:5px;
and here is what I have for those tables...
<td align="right" valign="top" bgcolor="#FFFFFF"><table width="160" border="0" align="right" cellpadding="5" cellspacing="0" class="backgroundbox-video">
                      <tr>
                        <td class="vidA" width="167" height="100" align="left" valign="middle"><a href="http://www.12results.com/video1.html" onclick="MM_openBrWindow('http://www.12results.com/video1.html','','width=400,height=400');return false">
      <span class="navheader-lg">Video Clip</span><br />
      <span class="navheader-sm"><br />
      Watch a short<br />
      testimonial video</span></a></td>
                      </tr>
                    </table></td>
                  </tr>
                  <tr>
                    <td align="right" valign="top" bgcolor="#FFFFFF"><table width="160" border="0" align="right" cellpadding="5" cellspacing="0" class="backgroundbox-audio">
                      <tr>
                        <td class="audioA" width="167" height="100" align="left" valign="middle"><a href="http://www.12results.com/video1.html" onclick="MM_openBrWindow('http://www.12results.com/video1.html','','width=400,height=400');return false"> <span class="navheader-lg">Audio Clip</span><br />
                              <span class="navheader-sm"><br />
                              Listen to a 40 min<br />
interview about SAW</span></a></td>
                      </tr>
                    </table></td>
---I completely removed the styles for those tables (was background-video, background-audio) because all it had was the background styling (which you said to remove) and can't see any other reason to have it there?
So it's perfect except for the background images are not showing...so did I do something wrong in the fireworks/make transparent process do you think?
Thanks...
Laura

Table cell links

Got this link but cant seem to get them to work, need a
little help if possible, ill talk you through what ive done,
hopefully someone can point me in the right direction.
1st hear is the link i got the example from : .[
table cell
links
i made myself a wee demo table in dreamweaver.
created a new CSS sheet with the following:
table.navbar {
border-collapse: collapse;
table.navbar td {
border: 1px solid #ccc;
table.navbar td a{
display: block;
width: 9em;
padding: 3px;
text-decoration: none;
table.navbar td a:link, table.navbar td a:visited {
color: #000;
background-color: #fff;
table.navbar td a:hover, table.navbar td a:active {
color: #fff;
background-color: #666;
I then attached the CSS sheet to the table but only a few
minor things have changes, the entire table cell isnt showing as a
link neither is it changing color like the demo on the website.
HELP!
What and where have i went wrong, thanks

I used the styles you supplied and applied it to a table 1
column x 3
rows... this is the code and it works for me....
You need to give your links an actual link, in this case I
used a null link
for demo purposes. Copy and paste the code into a new DW
window and see if
it works for you. White background, grey on hover over the
cell. Here's
another example that may be of interest (look at the code)
http://www.dreamweaverresources.com/tutorials/clickable_cell.htm
(similar
to Garys' tutorial) and
http://www.dreamweaverresources.com/tutorials/scroller.html
<!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=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">

</style>
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0"
class="navbar">
<tr>
<td><a href="javascript:;">link 1</a>
</td>
</tr>
<tr>
<td><a
href="javascript:;">link2</a></td>
</tr>
<tr>
<td><a
href="javascript:;">link3</a></td>
</tr>
</table>
</body>
</html>
Nadia
Adobe� Community Expert : Dreamweaver
http://www.csstemplates.com.au
- CSS Templates | Free Templates
http://www.DreamweaverResources.com
- Dropdown Menu Templates|Tutorials
http://www.macromedia.com/devnet/dreamweaver/css.html
- CSS Tutorials

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.

Space between table cells

I created a form based on the reports region. Is there any way that I can make the space between form fields on different lines to close to each other - i.e. 0 width between form fields "vertically". I tried to put valign="top" in either reports region template and region html table cell attributes but nothing works. Any working solution?
Thanks.
Andy

Andy,
Are you using Firefox with the web developer toolbar? If so, there's a nifty feature that allows you to view the CSS that controls any part of the page by simply clicking on it. A new page will open in Firefox that shows you the CSS selectors/definitions that are relevant to the area you clicked. Most forms/report in ApEx are laid out with tables so it's likely to have something to do with padding or margins between rows.
Earl

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.

Changing cell padding does not change margin

The text in the cell of an existing table is clearly indented from the cell border. However, the cell padding is set to 0. When I change the cell padding to 10, 50, or any other number, the text margin does not change.
I am trying to create another table. The text in the new table is flush left. Whatever I set the cell padding to, the text margin does not change.
The documentation indicates that the only way to change the cell margins is to change cell padding. Obviously that does not work. How do I change the cell padding?
Thank you.
Cathy

Can you please anwser couple of queries to nail down the issue?
1) Please let us know the Contribute Version and OS you are using.
2) Is this happening with a particular page?
3) Can you try creating a new blank page, insert a table and modify the Cell Padding value.Check whether it is getting reflected and also verify the cell padding parameter is added in the code.
4) Previously if it worked and broken suddently, please try clearing the Contribute preference. Refer to the blog post, blogs.adobe.com/contribute/2011/11/launch-contribute-freshly-by-deleting-preferences.html

Table cell padding

Similar Messages

Maybe you are looking for