Table of Contents
Advertisement
USING ROBOHELP HTML 10
Styles and style sheets
Edit Image styles
You can edit the properties of Image styles from the Styles editor or the Styles and Formatting pod.
You can edit the Size, Margin, Float, and Border attributes of the image.
Use the Float attribute to position an image to the left or to the right, while having the text of a paragraph wrap around
it. For example, if you set the Float attribute to Left, the image is positioned to the right and text is wrapped to the left.
Apply styles
After you link a CSS file, an external style sheet, or embedded styles to a topic, you can apply styles.
1
In the Design view, do one of the following:
• Select the text to format.
• Click inside the paragraph to format. For multiple paragraphs, select the paragraphs.
2
In the Styles And Formatting pod, double-click a style.
• Character styles apply to selected blocks of text and impact fonts and DHTML effects.
• Paragraph styles apply to entire paragraphs and impact fonts, spacing between lines, numbering, borders and
shading, and DHTML effects.
• Table styles apply to the content in the tables.
• List styles apply to all numbering and bullet styles.
• Multilevel list styles apply to hierarchical lists.
To remove a character style, select the text and select a different style from the Style list. To remove a paragraph style,
select the style None.
Edit styles in CSS files
When you edit styles in a CSS file, all topics that are linked to the file are updated.
Important: You cannot use the Undo command to undo changes to a CSS file. Edit the CSS file to revert to a previous
style.
Edit a style using the Styles dialog box
In the Project Manager pod, right-click the CSS file. Click Edit.
1
2
Deselect Hide Inherited Styles.
3
From Available In, select a style sheet.
In the Styles box, select a style.
4
5
Click Format, and select the attributes.
6
(Optional) Select formatting options from the Formatting section.
Click OK.
7
Last updated 7/13/2012
169
Advertisement
Table of Contents
