Click here to Skip to main content
Click here to Skip to main content

Tagged as

Use sidebars to improve article readability

, 20 Sep 2010 CPOL
Rate this:
Please Sign up or sign in to vote.
This tip shows how to use the new sidebar css classes to improve readability and add depth to an article.

Editorial Note

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)

Share

About the Author

Hans Dietrich
Software Developer (Senior) Hans Dietrich Software
United States United States
I attended St. Michael's College of the University of Toronto, with the intention of becoming a priest. A friend in the University's Computer Science Department got me interested in programming, and I have been hooked ever since.
 
Recently, I have moved to Los Angeles where I am doing consulting and development work.
 
For consulting and custom software development, please see www.hdsoft.org.






Comments and Discussions

 
GeneralHans, I put this in my Tip/Trick &amp; it looks very nice. T... Pinmvpthatraja7-Mar-11 14:35 
GeneralRe: Wow. That really stands out, doesn't it? PinmentorHans Dietrich7-Mar-11 17:22 
GeneralReason for my vote of 5 Thanks for the tip. PinmemberAshley Davis27-Jan-11 0:12 
GeneralReason for my vote of 5 Cute one dude, thanks Pinmvpthatraja16-Jan-11 7:44 
Reason for my vote of 5
Cute one dude, thanks

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.

| Advertise | Privacy | Terms of Use | Mobile
Web02 | 2.8.141216.1 | Last Updated 20 Sep 2010
Article Copyright 2010 by Hans Dietrich
Everything else Copyright © CodeProject, 1999-2014
Layout: fixed | fluid