Dreamweaver Extensions
 

Neonix BR

<< Back

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

 

Examples

Consider the following visual scenario, where text flows to the right of an image until a line is broken by a BR:

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

If the clear attribute is set to none, the line following BR will begin immediately below it at the right margin of the image:

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

If the clear attribute is set to left or all, next line will appear as follows:

*********  -------
|       |  -------
| 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".

 

 

© 2001-2004 Neonix.net, LLC. All rights reserved

Privacy Statement // Terms/Conditions/License