Copy link to clipboard
Copied
I have recently moved to RH8. I am having a problem with the Preview display and the compiled CHM.
In the Preview, the font size is smaller than it is in Design View. In the compiled CHM, the links do not change color on mouse-over, there is no underline on the links, the list numbers use the wrong font and size, and the Heading at the top is the wrong style - it has a top border instead of shading. What do you need to see in order to help me. I can't see a link for posting a file to post my css. Am I just missing it?
Copy link to clipboard
Copied
For the list problems, see if #25 on Peter Grainge's site helps:
http://www.grainge.org/pages/authoring/rh8/using_rh8.htm
Understanding this might help with your other style issues as well.
Amebr
Copy link to clipboard
Copied
Hi,
The design view is not a real WYSIWYG. Trust your output I'd like to take a look at your css. Please post it, or PM me for my e-mail.
Greet,
Willam
This e-mail is personal. For our full disclaimer, please visit www.centric.eu/disclaimer.
Copy link to clipboard
Copied
I'll post it if you tell me the best way to do it. I can't see how to make it an attachment. Shall I just paste it into a message?
Copy link to clipboard
Copied
OK. This is THE most serious problem I'm having with RH8. The Style for the text shown in the image works fine in Design View. It also works fine and compiles in another project that uses the same .css. It does not compile properly in my main project. It works when I import a topic from my main project into the small project. I cannot figure out where the problem is. There are no styles defined in the topic. There are no styles defined or attached to my master page. There are no other css files in the folder. I'm going nuts. If I can't figure this problem out, I'm going to have to abandon RoboHTML altogether.
Copy link to clipboard
Copied
Hmm, looks like they might have removed the ability to attach a file (I can't find it either). You might need to add your file to a web server and then link to the file there. But pasting css should work okay, I think. Maybe just the relevent styles to start with, to see if it's anything obvious?
Or send a private message to Willam as he's something of an expert. Just click on his name and there will be a Send private message link on the right side of the page.
Copy link to clipboard
Copied
Hi,
Paste the CSS if you don't mind everyone seeing it. The more people that can take a look, the better it is.
Greet,
Willam
This e-mail is personal. For our full disclaimer, please visit www.centric.eu/disclaimer.
Copy link to clipboard
Copied
OK, here it is. It seems pretty straightforward to me. The styles with the problem are named CommandTop and CommandSub.
/*Created with Adobe RoboHelp 8.*/
P {
font-family: Verdana, sans-serif;
font-size: x-small;
margin-bottom: 3pt;
margin-top: 3pt;
text-align: left;
}
h1 {
font-size: medium;
font-weight: bold;
padding-bottom: 4px;
}
h2 {
border-top-color: #c0c0c0;
border-top-style: Solid;
border-top-width: 1px;
font-size: small;
font-weight: bold;
margin-bottom: 2pt;
margin-top: 24pt;
padding-top: 9px;
}
h3 {
font-weight: bold;
margin-bottom: 3.00pt;
margin-top: 12.00pt;
text-align: left;
x-next-class: ;
x-next-type: P;
font-size: x-Small;
}
h4 {
font-style: normal;
font-weight: bold;
margin-bottom: 8pt;
margin-top: 3pt;
}
h5 {
font-variant: small-caps;
margin-bottom: 4pt;
margin-top: 4pt;
}
h6 {
margin-bottom: 6pt;
margin-top: 18pt;
}
p.Bullet2 {
margin-bottom: 4pt;
margin-left: -14pt;
}
li.Bullet2 {
list-style: url(graybullet.gif);
}
p.Option-Head {
border-bottom-color: #c0c0c0;
border-bottom-style: Solid;
border-bottom-width: 1px;
font-weight: bold;
margin-bottom: 3.00pt;
margin-top: 12.00pt;
mc-next-class: Option-Title;
mc-next-tag: p;
x-next-class: Option-Title;
x-next-type: p;
}
p.Procedure-Step {
margin-bottom: 3pt;
margin-top: 3pt;
x-next-class: Procedure-Step;
x-next-type: p;
}
li.Procedure-Step {
list-style: decimal;
}
p.Procedure-Head {
font-weight: bold;
margin-bottom: -8pt;
margin-top: 12pt;
mc-next-class: Procedure-Step;
mc-next-tag: p;
x-next-class: Procedure-Step;
x-next-type: p;
}
p.Option-Description {
margin-bottom: 3pt;
margin-left: 12px;
margin-top: 3pt;
x-next-class: Option-Description;
x-next-type: p;
}
p.Option-Title {
font-weight: bold;
margin-bottom: 3pt;
margin-top: 8pt;
margin-left: 12px;
mc-next-class: Option-Description;
mc-next-tag: p;
x-next-class: Option-Description;
x-next-type: p;
}
p.Popup-title {
font-weight: bold;
mc-next-tag: p;
x-next-class: ;
x-next-type: p;
}
p.Table-Body {
margin-top: 3pt;
margin-right: 2pt;
margin-bottom: 1pt;
text-align: Left;
x-next-class: Table-Body;
x-next-type: p;
}
p.Table-Head {
margin-top: 11.00pt;
margin-bottom: 3.00pt;
font-weight: bold;
x-next-class: Table-Body;
x-next-type: p;
}
p.Note-Head {
margin-top: 12.00pt;
font-weight: bold;
margin-bottom: -8pt;
x-next-class: Note;
x-next-type: p;
}
p.HTML-Bottom-of-Form {
text-align: center;
font-size: xx-small;
x-next-class: HTML-Bottom-of-Form;
x-next-type: p;
}
p.HTML-Top-of-Form {
text-align: center;
font-size: xx-small;
x-next-class: HTML-Top-of-Form;
x-next-type: p;
}
p.Note {
margin-left: 0pt;
margin-top: 3pt;
margin-bottom: 6pt;
x-next-class: Note;
x-next-type: p;
}
p.HTML-Preformatted {
margin-top: 0.00pt;
margin-bottom: 0.00pt;
text-align: left;
font-family: Verdana;
x-next-class: HTML-Preformatted;
x-next-type: p;
font-size: xx-Small;
}
p.CommandListTitle {
margin-right: 3pt;
font-weight: bold;
margin-top: 6pt;
mc-next-class: CommandListDescription;
mc-next-tag: p;
x-next-class: CommandListDescription;
x-next-type: p;
}
a:link {
color: #980000;
x-on-hover: fontchange(color=#ff0000);
}
a:hover {
color: #980000;
x-on-hover: fontchange(color=#ff0000);
}
a.dropspot {
color: #980000;
x-on-hover: fontchange(color=#ff0000);
}
a:visited {
color: #980000;
x-on-hover: fontchange(color=#ff0000);
}
a.expandspot {
color: #980000;
x-on-hover: fontchange(color=#ff0000);
}
a.popupspot {
color: #980000;
x-on-hover: fontchange(color=#ff0000);
}
p.Procedure-Head-Bullet {
font-weight: bold;
margin-left: 10pt;
margin-top: 12pt;
margin-bottom: 3pt;
x-next-class: ;
x-next-type: p;
}
li.Procedure-Head-Bullet {
font-weight: bold;
font-style: normal;
margin-left: 10pt;
margin-top: 12pt;
margin-bottom: 3pt;
list-style: url(BulletTriangle.gif);
}
p.Procedure-Step-Bullet {
margin-top: 3pt;
line-height: Normal;
margin-right: 0pt;
margin-bottom: 0pt;
x-next-class: Procedure-Step-Bullet;
x-next-type: p;
}
li.Procedure-Step-Bullet {
margin-top: 3pt;
line-height: Normal;
margin-right: 0pt;
margin-bottom: 0pt;
margin-left: -24px;
list-style: url(BulletTriangle.gif);
}
span.variable {
font-style: italic;
}
span.superscript {
font-size: xx-small;
vertical-align: Super;
}
span.subscript {
font-size: xx-small;
vertical-align: Sub;
}
p.CommandListDescription {
margin-top: 3pt;
margin-right: 3pt;
margin-bottom: 3pt;
font-style: italic;
margin-left: 12px;
x-next-class: CommandListDescription;
x-next-type: p;
}
span.code {
font-family: "Courier New", monospace;
}
span.expandtext {
font-family: Verdana, sans-serif;
font-style: italic;
color: #808080;
}
a.glossterm {
font-style: italic;
color: #980000;
}
p.Example {
font-weight: bold;
background-color: #ffffff;
margin-top: 18pt;
mc-next-tag: p;
x-next-class: ;
x-next-type: p;
}
p.Procedure-substep {
margin-top: 3pt;
x-next-class: Procedure-substep;
x-next-type: p;
}
p.Drop-down-title {
font-weight: bold;
margin-bottom: 3pt;
border-bottom-color: #bbb7c7;
border-bottom-width: 1px;
border-bottom-style: Solid;
mc-next-tag: p;
x-next-class: ;
x-next-type: p;
}
p.Option-Description-2 {
margin-top: 3pt;
margin-bottom: 3pt;
margin-left: 32px;
x-next-class: Option-Description-2;
x-next-type: p;
}
p.Option-Title-2 {
font-weight: bold;
margin-top: 6pt;
margin-bottom: 3pt;
margin-left: 32px;
mc-next-class: Option-Description-2;
mc-next-tag: p;
x-next-class: Option-Description-2;
x-next-type: p;
}
p.Option-Title-3 {
font-weight: bold;
margin-left: 48px;
margin-top: 6pt;
margin-bottom: 3pt;
mc-next-class: Option-Description-3;
mc-next-tag: p;
x-next-class: Option-Description-3;
x-next-type: p;
}
p.Option-Description-3 {
margin-left: 48px;
margin-top: 3pt;
margin-bottom: 3pt;
x-next-class: Option-Description-3;
x-next-type: p;
}
p.Procedure-Step-2 {
margin-bottom: 4pt;
margin-left: 4px;
x-next-class: Procedure-Step-2;
x-next-type: p;
}
li.Procedure-Step-2 {
margin-bottom: 4pt;
list-style: decimal;
margin-left: 4px;
}
p.Procedure-Step-Bullet-2 {
x-next-class: Procedure-Step-Bullet-2;
x-next-type: p;
}
li.Procedure-Step-Bullet-2 {
list-style: url(BulletTriangle.gif);
}
p.Option-Head-3 {
font-weight: bold;
border-bottom-style: Solid;
border-bottom-width: 1px;
border-bottom-color: #c0c0c0;
margin-left: 48px;
margin-top: 6pt;
mc-next-class: Option-Title-3;
mc-next-tag: p;
x-next-class: Option-Title-3;
x-next-type: p;
}
p.Option-Head-2 {
font-weight: bold;
border-bottom-style: Solid;
border-bottom-width: 1px;
border-bottom-color: #c0c0c0;
margin-top: 12pt;
margin-left: 12px;
x-next-class: Option-Title-2;
x-next-type: p;
}
p.Procedure-Head-2 {
font-weight: bold;
margin-bottom: -8pt;
margin-left: 24px;
margin-top: 12pt;
x-next-class: Procedure-Step-2;
x-next-type: p;
}
p.List-Intro-1 {
margin-bottom: -8pt;
margin-left: 12px;
x-next-class: ;
x-next-type: p;
}
p.List-Intro-2 {
margin-bottom: -8pt;
margin-left: 24px;
x-next-class: ;
x-next-type: p;
}
p.List-Intro-3 {
margin-bottom: -8pt;
margin-left: 48px;
x-next-class: ;
x-next-type: p;
}
p.Procedure-Step-3 {
margin-bottom: 4pt;
margin-left: 26px;
x-next-class: Procedure-Step-3;
x-next-type: p;
}
li.Procedure-Step-3 {
list-style: decimal;
}
p.Procedure-Step-Bullet-3 {
margin-left: 12pt;
x-next-class: Procedure-Step-Bullet-3;
x-next-type: p;
}
li.Procedure-Step-Bullet-3 {
list-style: url(BulletTriangle.gif);
}
span.historyenabled {
font-style: italic;
font-weight: normal;
}
p.RelatedTopics {
margin-bottom: 6pt;
font-style: italic;
margin-top: 6pt;
x-next-class: ;
x-next-type: p;
}
p.Procedure-Head-3 {
font-weight: bold;
font-style: normal;
margin-bottom: -8pt;
margin-left: 32pt;
x-next-class: Procedure-Step-3;
x-next-type: p;
}
p.CommandSub {
font-family: Arial;
font-size: Medium;
margin-left: -3pt;
margin-top: 54pt;
background-color: #ece9d8;
padding-left: 3px;
padding-right: 3px;
padding-top: 3px;
padding-bottom: 3px;
font-weight: bold;
}
p.CommandTop {
font-family: Arial;
font-size: Medium;
margin-left: -3pt;
margin-top: 0pt;
padding-left: 3px;
padding-right: 3px;
padding-top: 3px;
padding-bottom: 3px;
font-weight: bold;
background-color: #ece9d8;
}
p.Option-Description-4 {
margin-bottom: 3pt;
margin-top: 3pt;
margin-left: 60px;
x-next-class: Option-Description-4;
x-next-type: p;
}
p.Option-Title-4 {
font-weight: bold;
margin-top: 6pt;
margin-bottom: 3pt;
margin-left: 60px;
x-next-class: Option-Description-4;
x-next-type: p;
}
p.Tip {
margin-bottom: 4pt;
margin-left: -15pt;
x-next-class: ;
x-next-type: p;
}
li.Tip {
list-style: url(Tipbulb.gif);
}
p.MenuToolbar {
margin-top: 1pt;
margin-bottom: 2pt;
font-size: x-small;
font-variant: small-caps;
letter-spacing: 0.3pt;
x-next-class: ;
x-next-type: p;
}
p.Tooltip {
border-left-style: Solid;
border-right-style: Solid;
border-top-style: Solid;
border-bottom-style: Solid;
border-left-color: #000000;
border-right-color: #000000;
border-top-color: #000000;
border-bottom-color: #000000;
padding-left: 5px;
padding-right: 5px;
padding-bottom: 3px;
padding-top: 1px;
border-left-width: 1px;
border-right-width: 1px;
border-top-width: 1px;
border-bottom-width: 1px;
background-color: #ffffcc;
margin-top: 1pt;
margin-bottom: 4pt;
x-next-class: Tooltip;
x-next-type: p;
}
p.MenuToolbarHighlight {
color: #ffffff;
font-size: 9pt;
margin-top: 0pt;
margin-bottom: 0pt;
background-color: #3366cc;
x-next-class: ;
x-next-type: p;
}
p.ToolbarButtonImage {
margin-top: 2pt;
margin-bottom: 1pt;
letter-spacing: 0.5pt;
x-next-class: ;
x-next-type: p;
}
body {
font-size: x-small;
font-family: Verdana, sans-serif;
}
p.Option-Head-4 {
font-weight: bold;
font-style: normal;
margin-left: 54pt;
border-bottom-style: Solid;
border-bottom-width: 1px;
border-bottom-color: #c0c0c0;
mc-next-class: Option-Title-4;
mc-next-tag: p;
x-next-class: Option-Title-4;
x-next-type: p;
}
popupBody.popupBody_1 {
}
expandingHead.expandspot {
}
dropDownHotSpot.dropspot {
}
expandingBody.expandtext {
font-style: italic;
color: #808080;
}
glossaryTerm.glossterm {
}
textPopup.popupspot {
}
A.breadcrumbs {
color: #980000;
}
A:active {
color: #980000;
}
OL,
UL {
font-family: Verdana;
font-size: x-Small;
}
p.breadcrumbs {
x-next-class: ;
x-next-type: p;
}
rh-list.DescriptionSteps {
x-lvl-3-type: lower-alpha;
x-lvl-3-format: "Note <x>:";
x-lvl-3-margin: 90px;
x-lvl-3-p-tag: P;
x-lvl-4-format: "Substep <x>:";
x-lvl-4-type: decimal;
x-lvl-4-margin: 60px;
x-lvl-5-format: "Note <x>:";
x-lvl-5-margin: 80px;
x-lvl-1-format: "<x>";
x-lvl-1-pfx-class: rls-1-DescriptionSteps;
x-lvl-2-pfx-class: rls-2-DescriptionSteps;
x-lvl-1-type: decimal;
x-lvl-2-format: "<x>";
x-lvl-1-margin: 30px;
x-lvl-1-text-indent: -20px;
x-lvl-1-p-class: Procedure-Step;
x-lvl-1-p-tag: p;
x-level-count: 5;
x-lvl-2-type: ;
x-lvl-2-margin: 35px;
x-lvl-2-p-class: Procedure-Description-1;
x-lvl-2-p-tag: p;
}
span.rls-1-DescriptionSteps {
font-weight: bold;
}
p.Procedure-Description-1 {
margin-bottom: 3pt;
margin-left: 30pt;
margin-top: 3pt;
x-next-class: Procedure-Description-1;
x-next-type: p;
}
span.rls-2-DescriptionSteps {
font-family: Verdana;
font-size: x-Small;
}
rh-seq.Blank {
x-font: Verdana;
x-count: 0;
}
p.Snippet {
font-style: italic;
}
rh-list.MLProcedure-Step-Bullet {
x-lvl-1-format: "<x>&c";
x-lvl-2-format: ;
x-lvl-3-type: lower-roman;
x-lvl-3-format: "<x>&c";
x-lvl-3-margin: 40px;
x-lvl-4-type: decimal;
x-lvl-4-format: "&o<x>&c";
x-lvl-4-margin: 60px;
x-lvl-5-format: "&o<x>&c";
x-lvl-5-margin: 80px;
x-lvl-6-type: lower-roman;
x-lvl-6-format: "&o<x>&c";
x-lvl-6-margin: 100px;
x-lvl-8-type: lower-alpha;
x-lvl-8-margin: 140px;
x-lvl-7-format: "<x>.";
x-lvl-7-margin: 120px;
x-lvl-9-type: lower-roman;
x-lvl-9-margin: 160px;
x-lvl-1-type: ;
x-lvl-1-p-class: Procedure-Step-Bullet;
x-lvl-1-p-tag: p;
x-lvl-2-type: ;
x-level-count: 9;
x-lvl-2-margin: 10px;
x-lvl-2-p-class: Procedure-Step-Bullet;
x-lvl-2-p-tag: p;
}
rh-seq.BulletTriangle {
x-font: Verdana;
x-count: 2;
x-1: ;
x-2: ;
}
Copy link to clipboard
Copied
Hi,
To get the hyperlinks working, remove x-on-hover: fontchange(color=#ff0000); from the a:xxx styles. Then, go to a:hover and replace color: #980000 with color: #ff0000.
Your other problems aren't so straightforward. Notice the red squares in your topic. I guess you've embedded a script right? I don't know the impact of those scripts, since I can't see the code. To be able to help you further, I'd like to see a sample htm that goes awry. Can you post one? I'm confident your problem can be solved, but I need more info.
Greet,
Willam
Copy link to clipboard
Copied
The scripts have to do with displaying video clips. These work fine. The images show the Box topic in the chm (left) and a browser window (right). Here is the topic code:
<?xml version="1.0" encoding="utf-8"?>
<!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 name="template" content="TopicTemplate.htt" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="copyright" value="© Robert McNeel && Associates %date" content="" />
<meta name="topic-status" content="In Progress" />
<meta name="topic-priority" content="0" />
<meta name="topic-time-estimate" content="0" />
<meta name="topic-comment" content="" />
<meta name="topic-id" content="idh_box.htm" />
<meta name="topic-check-list" content="First Draft" />
<meta name="build tags" content="Printed_QR" />
<meta name="generator" content="Adobe RoboHelp 8" />
<title>Box</title>
<link rel="StyleSheet" href="../rhinohtmlhelp.css" type="text/css" /><object id="hhctrl" classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11" width="0" height="0" vspace="0" hspace="0" border="0" type="application/x-oleobject"></object>
</head>
<body>
<?rh-script_start ?>
<script src="../ehlpdhtm.js" type="text/javascript" language="JavaScript1.2">
</script><?rh-script_end ?>
<script type="text/javascript" language="JavaScript1.2" src="../RmaMedia.js">
</script>
<p class="CommandTop"><?rh-variable_start name="title" format="default"
showcode="showcode" value="Box" ?>
Box<?rh-variable_end ?>
</p>
<table style="vertical-align: Center;" cellspacing="0">
<col />
<col />
<col />
<tr style="vertical-align: top; height: 4px;">
<td style="border-right: Solid 1px #000000; padding-right: 5px; padding: left 5pt 'border-right-color:' #000000; vertical-align: center;">
<p class="MenuToolbar">
<a class="popupspot" href="JavaScript:hhctrl.TextPopup('Solid%20>%20/r/n%20%20%20Box%20>%20/r/n%20%20%20%20%20%20Corner%20to%20Corner,%20Height','Verdana,9',10,10,00000000,0xd8e9ec)" style="position: relative;" id="a7">Menu</a></p>
</td>
<td style="border-right: Solid 1px #000000; padding-right: 5px; padding-left: 5px; vertical-align: center;">
<p class="MenuToolbar">
<a href="javascript:BSSCPopup('../Popup_ToolbarButtons/Box_TB.htm');" style="position: relative;" id="a9">Toolbar button</a></p>
</td>
<td style="padding-right: 5px; padding-left: 5px; vertical-align: center;">
<p class="MenuToolbar">
<a href="javascript:BSSCPopup('../SeeAlso/SAK_Solid.htm');" style="position: relative;" id="a5">Related topics</a></p>
</td>
</tr>
</table>
<p>Draws a solid box.</p>
<p><script type="text/javascript" language="javascript">
//<![CDATA[
RhEmbedFlash("Box.swf",200,200);
//]]>
</script></p>
<p class="Procedure-Head">Steps:</p>
<ul>
<li class="p-Procedure-Step-Bullet">
<p class="Procedure-Step-Bullet">Follow the prompts for the selected option. If no option is selected, the default is used.</p>
</li>
</ul>
<p class="Procedure-Head">After drawing the base rectangle</p>
<ul>
<li class="p-Procedure-Step-Bullet">
<p class="Procedure-Step-Bullet">
<a href="../User_Interface/Pick_location.htm" style="position: relative;" id="A4">Pick</a> the height.</p>
</li>
</ul>
<p class="Option-Head">Options</p>
<p class="Option-Description"><span style="font-weight: bold;">Note:</span> The base rectangle determines both the size and location of the box. The options for the base rectangle are the same as for the <span style="font-weight: bold;">
<a href="Rectangle.htm" style="position: relative;" id="A1">Rectangle</a></span> command.</p>
<p class="Option-Title">Default</p>
<p class="Option-Description">Draws the base rectangle using two opposite corners or length values.
<a href="javascript:BSSCPopup('../Popup_CommandOptions/base_rectangle_corner_to_corner.htm');" style="font-style: italic; position: relative;" id="a11">More...</a></p>
<p class="Option-Title">3Point</p>
<p class="Option-Description">Draws the  base rectangle using two adjacent corner locations and a location on the opposite side.
<a href="javascript:BSSCPopup('../Popup_CommandOptions/base_rectangle_3point.htm');" style="font-style: italic; position: relative;" id="a12">More...</a></p>
<p class="Option-Title">Vertical</p>
<p class="Option-Description">Draws the  base rectangle perpendicular to the construction plane.
<a href="javascript:BSSCPopup('../Popup_CommandOptions/base_rectangle_vertical.htm');" style="font-style: italic; position: relative;" id="a14">More...</a></p>
<p class="Option-Title">Center</p>
<p class="Option-Description">Draws the  base rectangle around a center point.
<a href="javascript:BSSCPopup('../Popup_CommandOptions/base_rectangle_center.htm');" style="font-style: italic; position: relative;" id="a15">More...</a></p>
<p class="Option-Title">Diagonal</p>
<p class="Option-Description">Draws the box from two diagonal corners. No option for side length is offered.
<a href="javascript:BSSCPopup('../Popup_CommandOptions/Diagonal.htm');" style="font-style: italic; position: relative;" id="a10">More...</a></p>
<?rh-script_start ?>
<script type="text/javascript" language="JavaScript1.2">
//<![CDATA[
if( typeof( InitEffects ) != 'function' ) InitEffects = new Function();
if( typeof( FilePopupInit ) != 'function' ) FilePopupInit = new Function();
InitEffects('a7');
InitEffects('a9');
FilePopupInit('a9');
InitEffects('a5');
FilePopupInit('a5');
InitEffects('A4');
InitEffects('A1');
InitEffects('a11');
FilePopupInit('a11');
InitEffects('a12');
FilePopupInit('a12');
InitEffects('a14');
FilePopupInit('a14');
InitEffects('a15');
FilePopupInit('a15');
InitEffects('a10');
FilePopupInit('a10');
//]]>
</script><?rh-script_end ?>
</body>
</html>
Copy link to clipboard
Copied
I mean the Preview view... Not the Design View. Is this reliable at all? In RH5, the preview was a reliable indicator of what the topic will look like.
Copy link to clipboard
Copied
Hi,
I can't reproduce your problem with the CommandSub and CommandTop styles. Apart from this, you're having trouble with the lists. The list problem is a frequently occuring problem when migrating to RH8 from a lower version. This is due to the fact that RH8 uses XHTML which is much stricter than HTML. There's been a lot of posting about that already. Solving the list problems require some work.
First, make a backup of your project. You want to be able to revert back if anything goes awry.
Now, use Tools > Update DHTML Effects in Topics.
Generate and check your output.
Now open your css in an external editor. Look for all the style definitions that start with "li.". Every style after Li. should start with "p-" and followed by a corresponding paragraph name. If the p- is missing, add it after "li." and before any other style.
When that's done, follow the steps in snippet 25 on http://www.grainge.org/pages/authoring/rh8/using_rh8.htm, as Amebr already pointed out.
This should solve most of your problems. Please post back after you've gone trough all this. If you still have any problems afterwards, I'd like to see your project.
Greet,
Willam
Copy link to clipboard
Copied
Thank you, I have actually done all of the things listed here without much success except your recommend style sheet fix. I'm not sure I understand your suggestion.I am not surprised that you cannot reproduce the problem. Every method of displaying the topic works properly except for the compiled CHM.
My list styles look something like this:
p.Bullet2 {
margin-bottom: 4pt;
margin-left: 0pt;
}
li.Bullet2 {
list-style: url(graybullet.gif);
Do you mean it should be changed to look like this?
p.Bullet2 {
margin-bottom: 4pt;
margin-left: 0pt;
}
li.p-Bullet2 {
list-style: url(graybullet.gif);
Copy link to clipboard
Copied
Thank you, your suggestion did fix my list problems.