Horizontal Lists and Charts

From RPC Library
Revision as of 12:37, 29 July 2013 by Xenedra (talk | contribs)
Jump to navigation Jump to search

There are a few ways to code in lists that span the page horizontally. Here's one example:

Fruits:
  • Strawberry
  • Apple
  • Orange
  • Cherry
Veggies:
  • Carrot
  • Broccoli
  • Cucumber
  • Potato
Colors:
  • Blue
  • Green
  • Red
  • Purple

This method works by creating borderless html based charts. This means that anything you can do to an html chart with coding, you should be able to do to these as well. For example: things like actually giving the charts borders, changing the fonts block by block or changing the background of each block, putting pictures in in place of text, etc. With various alignment commands, you can change where in the chart black the picture or text sits, as well as where the chart itself sits. You can also change the width of each column independently, but make sure you plug the total width into the "table width" section at the top or your placement start to bounce around crazily. I also tend to not code my columns with exactly the same widths if they look uneven because of word width. Play around with spacing for a cleaner looking page!

(Credit: Xenedra)