Wednesday, January 23, 2008

Weird spacing and reappearing colors

Ever try to remove spacing only to have it keep reappearing on your html? One of the most common mistakes web designers make is having miscellaneous coding in their html.

For Dreamweaver users, you will see things in your code such as class="style1, style2". This will definitely mess up your styles and coding especially when you go to edit your code in design view.

If you are not familiar with css, start by typing some misc body text. Dreamweaver will automatically create a style of it's own such as style1. Go into your code view and rename ".style1" as "p". Congratulations you've just created a paragraph style.


You can continue to do this with other general styles such as H1 (heading), H2 (2nd heading style) and so on. For other styles such as your footer, simply name the style .footer. For a more complete listing of styles, search css or click on the help menu of Dreamweaver.

To clean up weird coding issues in Framemaker, the principal is the same. Create basic styles right off the bat. If you see something weird happening, check your text styles to see if something looks off.

For both programs, also look for paragraphs that have H1, H2 and so on before them instead of a "p" tag. This will cause your text to become bold or unevenly spaced.


No comments: