• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

RH8 ignoring styles in CSS

Explorer ,
Jun 23, 2010 Jun 23, 2010

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?

DesignView-002.png

Views

2.3K

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jun 23, 2010 Jun 23, 2010

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

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Jun 24, 2010 Jun 24, 2010

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.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Jun 24, 2010 Jun 24, 2010

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?

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Jun 24, 2010 Jun 24, 2010

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.StyleIssue-001.png

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Jun 24, 2010 Jun 24, 2010

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.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Jun 24, 2010 Jun 24, 2010

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.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Jun 25, 2010 Jun 25, 2010

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: ;

}

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Jun 28, 2010 Jun 28, 2010

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

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Jun 29, 2010 Jun 29, 2010

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&gt;%20/r/n%20%20%20Box%20&gt;%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&#160;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&#160;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 &#160;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 &#160;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 &#160;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>

BoxTopic.png

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Jun 30, 2010 Jun 30, 2010

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.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Jul 01, 2010 Jul 01, 2010

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

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Jul 02, 2010 Jul 02, 2010

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);

I have given up on the style problems since they cannot be reproduced in any new project. I made a new project and carefully imported my topics a few at a time. Everything seems to be working fairly well except the list styles.
There are a few other glitches. I use a lot of Text Popups with line feeds. These came out populated with %20 to represent spaces and the slashes on the line feeds reversed. This code does not work, but simply displays in the text popup box. I can't figure out any way to fix this except by careful search and replace. This is a real pain in 1500+ topics.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Jul 02, 2010 Jul 02, 2010

Copy link to clipboard

Copied

LATEST

Thank you, your suggestion did fix my list problems.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Resources
RoboHelp Documentation
Download Adobe RoboHelp