Click here to Skip to main content
65,938 articles
CodeProject is changing. Read more.
Articles / web / HTML

Use sidebars to improve article readability

4.75/5 (3 votes)
20 Sep 2010CPOL 18.6K  
This tip shows how to use the new sidebar css classes to improve readability and add depth to an article.

Having trouble writing or posting articles? These articles aim to gather together tips and tricks from authors and mentors to help you write great articles.


Writing an article is often a balancing act between presenting the information you need to convey, and describing other interesting, but non-essential aspects of the topic. In the past when I have found myself in this situation, I have resorted to using html tables to achieve a sidebar. While this works, it is kludgy to set up.

Recently member knockNrod submitted a suggestion for a new CodeProject sidebar css class. This now has been incorporated into the official CodeProject css stylesheet and is available using <div class="sidebar-right"> and <div class="sidebar-left">. I want to thank knockNrod for sharing this great idea.

Have a favorite tip for writing CodeProject articles? Write a tip and share with everyone!

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)