Neonix BR

Interface & Directions

The break tag appears as a small yellow icon with the BR letters in it. If you do not see any small yellow icons when you insert a break (CTRL+ENTER), then you need to enable the ability to see them. Start Dreamweaver and then click on "Edit", "Preferences" (or CTRL+U), then select the "Invisible Elements" category and finaly check the box labeled "Line Breaks".

When this extension is installed it will appear as an attribute inspector when you click a "BR" icon as illustrated below.

The options for the "clear" attribute are:

• none: The next line will begin normally. This is the default value.
• left: The next line will begin at nearest line below any floating objects on the left-hand margin.
• right: The next line will begin at nearest line below any floating objects on the right-hand margin.
• all: The next line will begin at nearest line below any floating objects on either margin

*********  -------
|       |  -------
| image |  --<BR>
|       |
*********
              

*********  -------
|       |  -------
| image |  --<BR>
|       |  ------
*********

*********  -------
|       |  -------
| image |  --<BR>
|       |  
*********
-----------------

 (The above was taken from the HTML 4.0 spec at the WC3)

This page is a good example of using the "clear" attribute in a break (<BR>) tag. View the examples below - the first one shows how during this page's development a table overlaped another table when its alignment was set to "right". The second example shows how this situation was fixed using a break tag with a "clear" setting of "all".

• Example 1
• Example 2