Use the Element Path

After completing this topic, you will be able to use the Element Path to trace the source of the formatting affecting the elements in a web page.

Steps:

1. You can use the Element Path to trace formatting sources. Look at the settings in the blue Element Path at the bottom of the Web Page Editor.

    

   We will use the Element Path to trace the formatting of a selection, starting from left to right.

   Step 1

2. Click in the text whose elements you want to trace.

    

   Click in the shorter text formatted with a text style.

   Step 2

3. Pointing to an element in the Element Path displays a tooltip.

    

   Point to the Paragraph link.

   Step 3

4. The tooltip shows the html element type <p> and both the default and non-default paragraph styles that are affecting the text.

   Step 4

5. Point to the Text link.

   Step 5

6. The tooltip indicates that the style formatting is applied as a span and the name of the text style.

    

   Note: Text styles are applied as spans.

   Step 6

7. Click the Text element.

   Step 7

8. Clicking an element name selects the element.

   Step 8

9. Click the Paragraph element.

   Step 9

10. Notice that the settings in the Style Inspector change to reflect the current selection.

    Step 10

After completing this topic, you are able to use the Element Path to trace the source of the formatting affecting the elements in a web page.

Table of Contents  Start Topic