Bad Practices when working with the Text / HTML module

Introduction and pasting content from Word | Using font tags | Adding tables | Recommendations and Conclusion Adding tables I do not wish to start a tables / CSS layout debate here, but here goes! If at all possible, avoid using the table function within the Text/HTML module editor to manipulate the layout of your text and images. Only use tables when you need to present data in a table format (the job it was originally designed for). You do not need to use tables to place an image on the left with a caption and text on the right with the next paragraph of text beginning directly underneath the image. This can be created directly from classes within your skin.css file and can vastly reduce the amount of HTML code produced. The old table method: Actual table design:   The CSS class method is below. Note that there are no layout sections of code within this. All that it contains is the main text content and image. You can see from the above two sections of code that by specifying CSS classes for the layout it completely reduces the amount of code required. This also makes the main content more accessible to search engines, screen readers etc.

Using font tags | Page 3 of 4 | Recommendations and Conclusion

---

Other areas of interest:

How to Install a skin and container in DotNetNuke
How to use skins and containers in DotNetNuke
The DotNetNuke Skinning Toolkit (98 page PDF)

Skinning Videos
How to create a skin for DotNetNuke
How to create a container for DotNetNuke
How to install and configure the House of Nuke menu for a DotNetNuke skin
How to create Horizontal CSS menus in DotNetNuke using the HouseMenu
How to create resizable text in DotNetNuke skins
How to install the FCKEditor
Styling text and images within the Text/HTML module using CSS and the FCKEditor
Styling and formatting (part 2) – Text/HTML module and FCKEditor
How to create a pure CSS skin
How to create CSS Containers
sIFR (Scalable Inman Flash Replacement) and DotNetNuke Skins
Incorporating Google Adsense into DotNetNuke Skins
Troubleshooting DotNetNuke Skins
How to configure an XHTML compliant DotNetNuke 4.4

Interviews
Skinning and DotNetNuke MP3 Interview with Tyler Fawcett
Tim O’Brien CSS Skin Design and Validation

Free Skin
Simple red leaf CSS skin

Article
Semantic Code and Header Tags in DotNetNuke Skins (40 page PDF)
SolPart Menu Uncovered
Bad Practices when working with the Text / HTML module
Become a Better Web Standards Developer
Testing a DotNetNuke Skin
CSS Shorthand code in DotNetNuke
Quirks, Standard Compliance modes and Doc Types
XHTML and best practice coding for skins and modules in DotNetNuke
Reducing the DotNetNuke CSS file sizes
Introduction to CSS and inheritance in DotNetNuke skins