PVII PowerToys
- Introduction and Overview
- Wrap DIV Tag
- Insert Comment Tag
- Insert IE Conditional Comment
- Insert Style Block
- Insert JavaScript Block
- Make Null Link
- Apply Return False
Wrap Div Tag PowerToy
The Wrap Div Tag PowerToy allows you to quickly insert a pair of empty <div> tags anywhere in your code by simply right-clicking (control-click on the Mac) and selecting Wrap Div Tag from the PVII PowerToys context menu. You can also wrap a pair of <div> tags around a selected code block - making it easy to create wrapper or container divs.
Note: The Wrap Div Tag PowerToy will only be available when you are in Code View, it will not be listed on the context menu when you are in Design View.
Creating an empty set of <div> tags
-In code view, click on the section of the page where you would like to create the new <div> tags (this is your insertion point)
-Right-click and select PVII PowerToys - Wrap DIV Tag
A new pair of <div> tags will be added to the page at your insertion point. Your cursor will be positioned inside the newly created div tag, ready for you to enter your content.
Optionally, you can insert more <div> tags by simply repeating the procedure. Each successive set of <div> tags will be nested inside the preceding set.
Wrapping existing code with a pair of <div> tags
-In code view, select the markup you wish to wrap with the div tag
-Right-click and select PVII PowerToys - Wrap DIV Tag
A new pair of <div> tags will be wrapped around the selected code. The entire construct, including the newly added pair of <div> tags, will remain selected.
Optionally, you can quickly wrap the entire construct with another pair of <div> tags by simply repeating the procedure. Each successive pair of <div> tags will wrap around the preceding set.
User Notes
Use Care: This PowerToy will wrap or insert the <div> tag at your current insertion point, wherever it is located. Be sure that the location will make sense in your html markup. If you wrap or insert in the middle of another tag (not text) the tool will add the new <div> tag pair around that selected tag.
Undo: You can reverse the PowerToy insertion by using the Dreamweaver Undo feature (Select: Edit - Undo). This will restore your markup to its state prior to the PowerToy insertion.