0 Replies Latest reply on Jun 1, 2007 2:49 PM by dsmcmeans

    Invalid class names

      Using X5.0.2 build 801.

      On my WebHelp project, I import a .htm file which has some layered images designed to look like a tab page. The images are "stacked" using inline positioning, like:

      <img width="450" height="303" border="0" style="border: medium none ; position: absolute; z-index: 2; width: 450px; height: 303px; float: none; top: 75px; left: 162px;" usemap="#MAP45399870" x-maintain-ratio="TRUE" src="race.bmp" id="racetab"/>

      When I generate the project, RH pulls out this positioning and references it using a CSS class, like so

      <img width="450" height="303" border="0" class="img_whs3" usemap="#MAP45399870" x-maintain-ratio="TRUE" src="race.bmp" id="racetab"/>

      However, the CSS looks like:

      <style type="text/css">
      div.whs1 { left:0; top:0; height:390; position:relative; }
      img_whs2 { position:absolute; z-index:0; border:none; width:626px; height:390px; float:none; top:0; left:0; border-style:none; }
      img_whs3 { position:absolute; z-index:-1; border:none; width:450px; height:303px; float:none; top:75; left:162; border-style:none; }
      img_whs4 { position:absolute; z-index:-1; border:none; width:432px; height:141px; float:none; top:221; left:172; border-style:none; }

      The leading dot (.) is missing for the class definitions. Thus my layout is completely obliterated.

      Any thoughts on how I can resolve this?

      I have a large project to convert to WebHelp with over 100 htm files that have these tab presentations. Changing each htm file isn't an attractive solution.