Re: WYSIWYG editing corrupts the footer HTML

Willam van Weelden · ‎Aug 22, 2009

Hi, What do you mean exactly by: "Does anyone have recommendations about use the class settings rather than work through the GUI list of paragraph/character styles?" What I've seen in your previous post, suggests that you use the paragraph class Footer for your copyright notice. I think it is allways better, for all styling, to select a class from the drop down list. If you always select Footer for you footer text, you can edit the style of all your footers by simply editing your style sheet. You can ofcourse style any element by using the different styling buttons from RoboHelp. Whenever you need to change those styles, you have to manually edit the paragraphs. This will not be a problem for your footer, since you only style it from a template of master page. However, say that you make all names of screen blue and bold and suddenly you want them to be green and italic. If you styled the screen names using a class, you can change all screen names from your style sheet. If you styled using the styling buttons, you will either have to use a find and replace option, or you must change every sreen name by hand. Greet, Willam

Willam van Weelden · ‎Aug 20, 2009

Hi, If the styles is too complicated, just rewrite the topics. As it is twenty topics, you may save more time rewriting them than learning html and css on the fly (although that knowledge will surely help you in the future). Just out of curiousity, which language is your example in? Danish, Norwegian? It looks a bit like Dutch. Greet, Willam

Willam van Weelden · ‎Aug 20, 2009

Hi, In RoboHelp you can link to a Word document, using File | link | Word document. This will allow everyone to stay using MS Word, while you can have your source files updated with every change. I don't use this myself, so I don't know how it works exactly. Someone else might jump in to tell you more about this feature. Greet, Willam

Willam van Weelden · ‎Aug 20, 2009

Hi, One addition to Colum's post. The paragraph you use for the footer already has the class Footer. In your stylesheet, create the class P.Footer {} and add the markup you want. This will style all the footer paragraphs at once. Greet, Willam

Willam van Weelden · ‎Aug 20, 2009

Hi again, First about your borders in pdf. You best open a new question on the Printed documentation forum to keep this thread clear. I think I have seen this problem before, so please search a bit before you post a new question. About the alignment. The bold style only makes your text bold, it isn't causing the strange alignments. I think I know what's causing it, but you're not going to like it: it means a lot of hand work I'll assume that this problem is only with individual tables, on those , so it isn't a style sheet problem. If it where in your style sheet, all your paragraphs would be wrong. If you have this exact same problem in all tables, it'll probably be a css issue. As you see in the code, most table rows <TR> and table cells <TD> have a class like class=whs10. This class is generated by robohelp when you create your output. In HTML mode, go to the top of the file and you'll find a <style> tag with the classes from your table. It may look a bit like this: <style> tr.whs10 {styling} td.whs11 {styling} </style> One of these styles must have the text text-align: right; or text-align: center;. Delete all instances of these texts and your paragraph should align OK. I think that most of your style issues are related to the whsxx styles, if you delete these styles from your topic, your styling should mostly reset. You then will have to restyle your topics, by hand... I don't know how many topics you have, but I suggest that you find out exactly what each styling problem is and link that back to a css style attribute. Then, remove that style attribute from the styles in the top of the topic. You can find all css style attributes here, or you can post the issues and I'll tell you the corresponding style attributes. It might be wise to rewrite these topics when you have to add or remove some text, because these topics will give you problems every time you want to change a style. Greets, Willam

Willam van Weelden · ‎Aug 20, 2009

Hi, You are using inline styling, but your example is rather harmless. The only thing I can see is that some words are bold and a paragraph is aligned to the right, and I wouldn't worry too much about that. Is this the code from a faulty paragraph? If so, It's probably something in the stylesheet (a style you select from the drop down box). Can you post a screenshot of a faulty paragraph and tell how you want it to look? Greets, Willam

Willam van Weelden · ‎Aug 20, 2009

Hi, Select a faulty paragraph and go to the HTML mode. If it looks like this: <p class="classname">Your text</p> you are using styles from a stylesheet. If it looks like this: <p class="classname" style="some styling"> you are using inline styling. The same goes for individual words, except that the <p> tag is a <span> tag. You can post the html code of a paragraph if you want us to look at it. Greet, Willam

Willam van Weelden · ‎Aug 20, 2009

Hi, You should start with http://www.robowizard.com/RoboWizard/NewProject.htm#MonthlyScry/062004.htm, who tells you how to transform published topics back to source files. The /<![CDATA[/ contains RH code that you can delete. It'll be some work. -- If you don't have any DHTML in your topics, you can always copy and paste the text into a new topic, but just read RoboWizards article first. Greet, Willam

Willam van Weelden · ‎Aug 20, 2009

Hi, For a quick fix, use a find and replace tool, FAR does a good job, to replace <?rh-region_end type="footer" ?> with <?rh-region_end type="body" ?> <?rh-region_start type="footer" style="width: 100%; position: relative;" ?> <p class="Footer">Copyright (C) 2005-2009 UBmatrix, Inc.</p> <?rh-region_end type="footer" ?> Note that your correct topics also end with <?rh-region_end type="footer" ?>, so do NOT automatically replace all instances, check EVERYTHING before you replace it! If you only have a handful of faulty topics, you may just want to do it by hand. What happens in your topics is that the footer is closed, but the body is not closed and your footer isn't opened. I expect that RoboHelp will add these lines itself, when you modify the topics in the WYSIWYG editor. Greet, Willam

Willam van Weelden · ‎Aug 20, 2009

Hi, Are the styles you are using all styles from a stylesheet, or are they all inline styles (or a mixture)? If you use only stylesheets, simply modify the stylesheet. If the topics contain inline styling, well... :'-( If your topics contain inline styling (style="style definition"), you will have to delete all inline styling, but it'll be a lot of work. You may automate the process by designing some kind of script that removes all style attributes from your pages. You can also modify your stylesheet by adding the !important declaration. This will not remove the inline styling, but let your stylesheet overwrite the inline styling. This is not a solution, just a quick fix until you fixed your styles. Greet, Willam

Willam van Weelden · ‎Aug 19, 2009

Hi, In Tools | Options | Tool location, you can set which HTML editors you want to use. You can set Word as your default editor and edit all topics in Word, or you can set auto select editor and only associate specific files with Word. Greet, Willam

Willam van Weelden · ‎Aug 18, 2009

Hi, Start by reading the article on Peter's site: http://www.grainge.org/pages/authoring/calling_webhelp/using_map_ids.htm If you have any questions after that, just post back. You'll be able to make your question more specific. Greet, Willam

Willam van Weelden · ‎Aug 18, 2009

No option I can think of... Can you post an example project so we can see what's going on in your project? Greet, Willam

Willam van Weelden · ‎Aug 18, 2009

Hi, In your style sheet (use an external editor such as Notepad++), find LI.p-TableTextAlpha and add the following markup: list-style-type: lower-alpha ; You can add the !important rule, when only adding the markup doesn’t work. In that case, LI.p-TableTextAlpha has the following markup: list-style-type: lower-alpha !important; If you have any other list with the same sort of problem, move the list-style or list-style-type attributes from the paragraph to the corresponding list item. If your paragraph is TableTextAlpha, the corresponding list type is p-TableTextAlpha. If the classes don't exist in your stylesheet, just create them. Greet, Willam

Willam van Weelden · ‎Aug 18, 2009

Hi, Quickly dragging and dropping in your css probably won't work. Please post a html code of a defective list, so we can see what's going on. My guess is that your styles are applied to the paragraph, but not to the list item. You list probably looks like this <ol> <li><p class="paragraph">Text</p></li> </ol> You want your list to look like this: <ol> <li class="p-paragraph"><p class="paragraph">Text</p></li> </ol> In your style sheet, define the numbering in the style LI.p-paragraph. If you want to do it by the book, do not define the list style in the list item, but in a list class, such as: <ol class="numbers"> <li><p>123</p></li> </ol> Greet, Willam

Willam van Weelden · ‎Aug 18, 2009

Hi, This looks a lot like the RoboHelp output, not like a source file. You're problem arises from the use of classes. Although the class is (almost?) the best way to style a table, RoboHelp can't cope with them. Whenever you add an extra row in the table, RoboHelp doesn't know how to format it, because the styling is not inline, but maintained in a class. If you want RoboHelp to automatically apply the correct styling, you will have to kill all table classes (NOT the paragraphs, just the TR and TD styles). As an example, change class=whs9 for style="whatever style you want to apply". You may however not be able to use a find and replace tool for this, for the whsx classes are automatically generated from inline styling when you create the (WebHelp) output. To me, it looks like you didn't upgrade your project, but just started a new project and imported a WebHelp output. You may want to convert your project again, because correcting every topic by hand, even with a script, will be a lot of work. Greets, Willam

Willam van Weelden · ‎Aug 18, 2009

Hi, It doesn't work, because your style starts with a number. Rename the style, so it starts with a letter. You may use numbers in a classname, just don't start with them. Greet, Willam PS. One tip: You may want to change the <span style> to a <span class>. It's easier to applay and much easier to maintain.

Willam van Weelden · ‎Aug 18, 2009

Ahh, my bad... Didn't pay enough attention, it should be like this: <script src="feedback_script.js" language=javascript type="text/javascript" style="x-condition: Online;"></script> <script src="../feedback_script.js" language=javascript type="text/javascript" style="x-condition: Online;"></script> I'n not sure about the style attribute though, but it probably won't do any harm. Greet, Willam

Willam van Weelden · ‎Aug 17, 2009

Hi, There are two things I can think of: - Open your skin in Notepad and look for a code like this: <frame name="Topic Pane" frameborder="1" borderspace="1" bordercolor="Gray" marginwidth="-1" marginheight="-1" id="4" /> If scrolling="no" is added, remove that. Note that this line has two occurences. - Add to your stylesheet: html {overflow: auto;} If this doesn't work, please create a new project and post it with your skin files, so we can have a look. Greet, Willam

Willam van Weelden · ‎Aug 17, 2009

Hi, Embed all tags in < and >. RoboHelp replaces the second <, because it wants to close thet <script tag. You code should work if you use it as following: <script> src="feedback_script.js" language=javascript type="text/javascript" style="x-condition: Online;" </script> <script> src="../feedback_script.js" language=javascript type="text/javascript" style="x-condition: Online;" </script> Greets, Willam

Willam van Weelden · ‎Aug 17, 2009

Hi, Can you post the html code and css markup of the paragraph? Greets, Willam

Willam van Weelden · ‎Aug 17, 2009

Hi, I hope it'll work, if not, just come back A note about difference between margin and padding: Each item in html is a block, so a paragraph is also a block. The margin positions the entire block relative to the previous block (normally). The padding however does not place the block, but the position of the elements (text, images, etc) within the block. My guess is that IE can't handle the negative indent in combination with a margin... In other words: Solve all IE bugs, use Firefox Greets, Willam

Willam van Weelden · ‎Aug 17, 2009

Hi, You're probably using some css that IE can't handle, please post your style, so we can take a look. You may also want to look at http://www.ehow.com/how_2382848_hanging-indent-css.html. Greet, Willam

Willam van Weelden · ‎Aug 17, 2009

Hi, This is most likely a css issue, check the html of your lists. My guess is that the 'correct' lists have a list class attached, while the 'incorrect' lists do not and use the browser defaults for font-family and font-size. Please post the html of a correct and an incorrect list. Greet, Willam

Willam van Weelden · ‎Aug 14, 2009

LOL, I wasn't just referring to you. I just noticed that no one spells my name correct, even my direct colleages struggle every day Greet, Willam

Willam van Weelden · ‎Aug 14, 2009

Rick, Good observation, I'm probably so html oriented, that I didn’t even consider that RoboHelp has the feature to add media files (other than captivate movies) :-s. You're absolutely right about the easy way... As to why I advise Notepad+: Notepad+ is a completely different program than Notepad. The two best features (I think) are the code syntax colouring and the compare files feature. The standard notepad makes it very hard to read any code, while Notepad++ recognizes the coding and colours tags, style, and so on accordingly. Greet, Willam PS: By the way, why does everybody misspell my name

Willam van Weelden · ‎Aug 14, 2009

Hi, Don't make it hard on yourself, skip the script part and go straight for the <object> tag, note that the method on the MSDN site works only for Interner Explorer. It's been a while since I embedded video's, so I can't tell you all the details from memory. I'll see whether I have some time this weekend to create an example. One thing I just thought of: Did you add the files as baggage files to your project? RoboHelp doesn't add them as media files when you manually code an <object> or <embed> tag. Greet, Willam

Willam van Weelden · ‎Aug 14, 2009

Peter, I think that only applies to RoboHelp 8. RoboHelp 7 has its own way of using process instructions, such as using a span class for conditional build tags. I don't think that is allowed in the html process instructions (http://www.w3.org/TR/html401/appendix/notes.html#h-B.3.6). But then again, I don't really care. The output (WebHelp) is still W3C compliant when you check the option W3C compliant topics when you generate the WebHelp. Greets, Willam

Willam van Weelden · ‎Aug 14, 2009

Hi, These attributes and tags are just RoboHelps way of maintaining files, and don't appear in the output. If I recall correctly, RoboHelp inserts the spaces tag whenever you add a couple of spaces in the WYSIWYG editor. If you don't want that, insert some non-breakable spaces (& nbsp;) in html mode. (without the space though, but if I add the html character, the forum turns it into a non-breakable space 😞 ) The attributes x-right, x-cell, x-save-position, x-use-null-cells, x-next-tag, and so on help RoboHelp position elements and control how RoboHelp maintains them. Example: H1 { x-next-class: Body-Text; x-next-type: P; } in the definition of a style, makes that the next paragraph after a header is a standard paragraph with the class Body-Text. You can remove these from your style sheet, but RoboHelp may put them back whenever you edit the css trough the built-in css editor. I wouldn't worry about the x- commands in topics, as there removed when you generate your output, and RoboHelp just adds them again when you remove them in html mode. The only way to get rid of them is to edit the html files in an external editor. Greets, Willam

Willam van Weelden · ‎Aug 13, 2009

Hi, Directly hyperlinking to a file will normaly let the browser download or open the file directly. As peter said, you will need to embed the video in html code, meaning that you will have to call a page and not a file. You open the page in the frame and add the video to that page. The W3C has a small tutorial for adding video's to a html file, click here. To use your file, you can either use the <object> tag (see W3C reference for details, and this MSDN site for how to make it work). You can also use the <embed> tag, but that isn't supported in xhtml, so if you're planning to upgrade to RoboHelp 8, stick with the <object> tag. In RoboHelp 7, you can use an <object> tag, but it will probably remove the <embed> tag. Whenever you click the object in the WYSIWYG editor, will make Robo change your code, in short: use a third pary editor for the topics with a video file. Notepad++ does a wonderful job and is free. About targeting frames from the WYSIWYG, when you define a frameset and give a name to all windows in the frame, you can target them from the standard hyperlink window. Select Display in frame and select the frame you want the page open in. Greet, Willam

Willam van Weelden

Willam van Weelden

Activity

Re: WYSIWYG editing corrupts the footer HTML

Re: Can I reuse topics without reusing the formatt...

Re: Can no longer design html file in Word after s...

Re: Footer looks lovely (in RH), published view sh...

Re: Can I reuse topics without reusing the formatt...

Re: Can I reuse topics without reusing the formatt...

Re: Can I reuse topics without reusing the formatt...

Re: Footer looks lovely (in RH), published view sh...

Re: Footer looks lovely (in RH), published view sh...

Re: Can I reuse topics without reusing the formatt...

Re: Can no longer design html file in Word after s...

Re: URGENT: How to create Map IDs

Re: vertical scrollbars missing in output

Re: Editing the CSS in RH8

Re: Editing the CSS in RH8

Re: RH7 Red Script Icon Affects Table Format

Re: Problems with font styles on the preview and f...

Re: RH's HTML Editor Changing < to <

Re: vertical scrollbars missing in output

Re: RH's HTML Editor Changing < to <

Re: Problems with font styles on the preview and f...

Re: Hanging indent settings not reflected in IE07 ...

Re: Hanging indent settings not reflected in IE07 ...

Re: numbering font size is not the same as text fo...

Re: inserting wmv files into compiled HTML help in...

Re: inserting wmv files into compiled HTML help in...

Re: inserting wmv files into compiled HTML help in...

Re: Proprietary tags - invalid HTML

Re: Proprietary tags - invalid HTML

Re: inserting wmv files into compiled HTML help in...