2 Comments on “Can anyone tell me how to remove EVERY CSS Style when building a web page using dreamweaver?”

1. fenix
   June 17th, 2008 at 9:40 am

   Completely deleting a Custom Class CSS style from a Dreamweaver page involves removing the styles from both of the following locations:

   The objects affected by the styles on the Dreamweaver page.
   The head section of the HTML code.

   Even if a style is removed from a selected object, the class definition will remain in the HTML code. The style tag affecting a particular object delimits the selection and identifies it as belonging to the custom class. The tag in the head of the document describes the appearance of the class. Both instances of the CSS style in the HTML code will need to be removed.

   Step 1: Removing a Custom Class style from objects affected by the style

   1 Select an object affected by the style.
   2 Choose Window > CSS Styles if the CSS Styles panel is not already open.

   3 The style affecting the object will be highlighted in the list of styles on the CSS Styles panel.

   4 Click the (none) option located at the top of the list of styles.
   5 Repeat steps 1 through 4 for each object affected by the style.

   Step 2: Removing a Custom Class style from the head section

   1 Deselect any selected objects on the page. Nothing on the page should be selected.
   2 Choose Window > CSS Styles if the CSS Styles panel is not already open.

   3 Click the name of the Custom Class style you wish to delete in the list of styles .

   4 Click the trash can icon at the bottom right of the CSS Styles panel.

   To remove all the Custom Class styles from a page
   To remove all the Custom Class CSS styles from a page, repeat Step 1 and Step 2 above for each Custom Class CSS style listed in the CSS styles panel. After all the Custom Class CSS styles have been removed, you will still see an empty style tag in the head section of the HTML code. The empty style tag looks like:

   Note that the style tag contains only empty comments. Although you can delete the empty style tag, leaving it as is in the head section will not affect your Dreamweaver page.

2. danuitti
   June 17th, 2008 at 10:43 pm

   If you are using Windows, then open Notepad. Open your file Dreamweaver and select all of the text and use COPY. Then click on Notepad and use PASTE. You will get the plain text. Then go back and DELETE your text from Dreamweaver. Select the text area, and view the CODE. Go back to Notepad and select all of the text and use COPY… Go back to Dreamweaver… make sure that you are in the proper area where your text originally came from and use PASTE.

   Now you are at SQUARE ONE, so you can redecorate your text as you want it.

   Whenever you get text from WORD or other application, always PASTE it into Notepad so you do not get styles that you do not want. Select that text and use COPY, then Paste in just the plain text. Then decorate.

   When you start to design your own css styles, I am sure that you will do an awesome job in making these correctly. So many style sheets pose too many design constraints, when you really just want a consistent text size, indent and font. Many CANNED css styles really stink, with limitations on the width of the paragraph and line height. Many css styles prevent the visitor from using the TEXT SIZE feature of their browser, so they can see it. The whole idea of the WEB is to make it so people can adapt your page for their viewing or printing. If someone wants a fixed format, they should use ADOBE PDF….

   Good luck and Happy Computing!

Leave a Reply

You must be logged in to post a comment.