Difference between revisions of "Horizontal Lists and Charts"

From RPC Library
Jump to navigation Jump to search
 
(4 intermediate revisions by 2 users not shown)
Line 30: Line 30:
 
</table>
 
</table>
  
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!
+
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 block 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!
  
[[category:Wiki Templates]]
+
 
 +
<div style="font-size: 10px">(Credit: Xenedra)</div>
 +
[[Category:Help]]

Latest revision as of 15:01, 24 June 2014

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 block 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)