13 Replies Latest reply on Jul 2, 2010 9:36 AM by Margaret Becker

    RH8 ignoring styles in CSS

    Margaret Becker Level 1

      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

        • 1. Re: RH8 ignoring styles in CSS
          Amebr Level 4

          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

          • 2. Re: RH8 ignoring styles in CSS
            Willam van Weelden Adobe Community Professional & MVP

            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.

            • 3. Re: RH8 ignoring styles in CSS
              Margaret Becker Level 1

              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?

              • 4. Re: RH8 ignoring styles in CSS
                Margaret Becker Level 1

                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

                • 5. Re: RH8 ignoring styles in CSS
                  Amebr Level 4

                  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.

                  • 6. Re: RH8 ignoring styles in CSS
                    Willam van Weelden Adobe Community Professional & MVP

                    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.

                    • 7. Re: RH8 ignoring styles in CSS
                      Margaret Becker Level 1

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

                      }

                      • 8. Re: RH8 ignoring styles in CSS
                        Willam van Weelden Adobe Community Professional & MVP

                        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

                        • 9. Re: RH8 ignoring styles in CSS
                          Margaret Becker Level 1

                          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 &amp;&amp; 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
                          • 10. Re: RH8 ignoring styles in CSS
                            Margaret Becker Level 1

                            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.

                            • 11. Re: RH8 ignoring styles in CSS
                              Willam van Weelden Adobe Community Professional & MVP

                              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

                              1 person found this helpful
                              • 12. Re: RH8 ignoring styles in CSS
                                Margaret Becker Level 1

                                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.

                                • 13. Re: RH8 ignoring styles in CSS
                                  Margaret Becker Level 1

                                  Thank you, your suggestion did fix my list problems.