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
Similar Messages
-
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;
} -
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?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? -
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? -
Robohelp HTML 9 hyperlinks in table cells help
Hi,
I'm creating a table in robohelp html 9 and adding hyperlinks in the table cells. If the hyperlink is the first word in that cell robohelp is adding styling code to the link eg <td><a href="#" style="color: #0000ff; text-decoration: underline; ">test</a></td>.
If I add a link to the second word in a table cell the styling does not appear or even if I add a space before the link the code does not appear eg <td> <a href="#">test</a> </td>.
The code appears when I flick between design and HTML views but it does not make any difference in which view I create the link.
No matter how many times I delete this code is keeps coming back. Can anyone please help me? Is there some default that gives this the styling code?Does anyone else get this issue?
A table with the different examples is below. It was created in design view by clicking table>insert table>OK. Links added by clicking the insert hyperlink button.
<table style="border-collapse: separate; border-collapse: separate;" cellspacing="0"
width="33.333%" border="1">
<col style="width: 100%;" />
<tr>
<td><a href="#" style="color: #0000ff; text-decoration: underline; ">test
that has the added code</a></td>
</tr>
<tr>
<td> <a href="#">test with space in front of link</a> </td>
</tr>
<tr>
<td><a href="#" style="color: #0000ff; text-decoration: underline; ">test</a></td>
</tr>
<tr>
<td>A <a href="#">test</a> </td>
</tr>
</table>
Thanks in advancedI have the same problem with those stupid links in tables - I've been working on this for HOURS and HOURS...... Based on previous experience, I assumed it must only be me and an ill-formed stylesheet. The table/link issue just came to my attention because I am in the process of changing styles/formats to a new company standard (new link color) and thought I really screwed my CSS up as I was changing things!
My only workaround thusfar has been to rewrite some data in the tables so that text will precede the link (yes, I did). And where I just couldn't do that, I resigned myself to the problem and forced a different color on the links (changing the #0000ff). One plus was that RH didn't rewrite the color code once it was changed manually..... but then I realized later that I didn't consider the hover color when I did this, so I now have to go back and correct them.
So glad to find your post...........
I played with the idea of adding hidden text, but was worried that the problem was really a result of an issue with my CSS and doing that wasn't the proper way to fix it. So, without guilt, I took Rick's suggestion and added an invisible dot/period at the beginning of every link in a table, when that link is the first or only content in the td. Did the trick! Now the links assume my declared css style!
I submitted a bug report.......
Thank you!!! -
*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 -
RoboHelp ignoring FM table alignment?
TCS 2.0, linking FrameMaker 9 (unstructured) files to RH8.
My FrameMaker files have several one-cell right-aligned tables. I mapped all the tables to a table style called "Product" in RoboHelp.
The table properties in style mapping are set to be right-aligned for this table. However, the table continues to display as left-aligned in the preview and the output.
I am not very knowledgeable about css but decided to edit the css for this table to specify right-aligned.
Here is my css entry for this table style:
table.Product {
align: right;
font-size: 10pt;
text-align: right;
The table is still left-aligned.
Looking at the HTML view for the table, there is this line:
<?rh-align_start align="left" ?>
When I manually change "left" to "right," my table is right aligned and looks the way I want. This rh-align_start property seems to be something that is not in the css or is overriding the css.
I can also right-click on the table and select right-aligned from the table properties, which accomplishes the same thing. However, I have thousands of these tables and need an automated solution.
Is this a RH bug? How can I make this table style right-aligned?
Thanks,
AlexandraAlexandra, I am still using TCS1. THere's a similar problem there. I "fixed" it by adding a table caption to the bottom. This "stabilizes" the table and its format in RH and brings over the settings you give it in FM. I control spacing with the caption row, giving it a 1pt font and setting top and bottom padding in the paragraph format.
Don't know if this will help you. -
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). -
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.
RgdsHi 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 JorgeHi Ruben,
That's related to DIV and the inline style you've selected.
You can try to change the div style with, for example :
<!--
<table border=1>
<tr>
<td>
</td>
<td>
<div id="map" style="position:absolute;top:100px;bottom:400px;right:150px;left:150px;visibility:visible;overflow:hidden;border:1px"></div>
</td>
</tr>
</table>
-->
Or give a try with DIV tables :
<!--
<body onload=javascript:showMap();>
<h3> Exemplo Oracle Maps example - Display de um mapa utilizando DIVs</h3>
<div id="container">
<div id="row">
<div id="left">
<h4>Left Col</h4>
<p>...</p>
</div>
<div id="map" style="width: 800x; height: 400px">
<h4>Middle Col</h4>
</div>
<div id="right">
<h4>Right Col</h4>
<p>...</p>
</div>
</div>
</div>
</body>
</html>
-->
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
LauraHere 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 -
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, thanksI 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">
<!--
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;
-->
</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;
TIAMike 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. -
Colspan and rowspan attributes in table cells
Is there a way to add 'colspan' or 'rowspan' attributes to a cell in a table using the RoboHelp UI? Of course, it's very simple to just edit the HTML directly, but I'm preparing documents that will be used in the future by executives, and like most executives they are barely computer-literate.
Hi there
In the RoboHelp HTML UI, the author selects the affected cells and chooses to merge them by either clicking the Table menu and choosing Table > Merge Cells or by clicking the Merge Selected Table Cells icon in the Tables and Borders toolbar.
Cheers... Rick
Helpful and Handy Links
RoboHelp Wish Form/Bug Reporting Form
Begin learning RoboHelp HTML 7 or 8 moments from now - $24.95!
Adobe Certified RoboHelp HTML Training
SorcererStone Blog
RoboHelp eBooks
Maybe you are looking for
-
Need help forming randomly colored lines, that are equidistant(ex included)
My assignment: The top-right cell requires horizontal lines that are equidistant in the cell. Each line is 10 pixels apart. Additionally, the lines need to be colored randomly in any possible red, green and blue range. example: http://i68.photobucket
-
I have an account from Australia but I now live in Switzerland. I bought a Swiss Gift Card but I can't redeem it because I have 41 cents left from my Australian Gift Card. Please help me !
-
Hello, I am sending a MATMAS iDoc (R/3->XI_BPM->R/3) , and trying to receive Ack (ALEAUD) into the BPM and process it. How do I correlate between the original message received by the BPM, and the Ack (ALEAUD) message that was sent back to the BPM ? W
-
Converting .indd or pdf to ifd or mdf format.
I have built some forms in indesign and save as .indd files. I can certainly export to pdf. How can I save these or export them (build them) in .ifd or .mdf files. I have someone that needs my forms in an old jet form format. They have requested
-
ISync stopped recognizing my .Mac account? Nothing seems to restore this!
According to my status on line, I'm a "Full Member" and under System Preferences => .Mac => Account, Account Status says "Full Member" and that "Your account will automatically renew in 286 days". But, when I click on "Sync" , I get this message: "Sy