Horizontal Lists and Charts - Revision history

Freelancewizard at 22:01, 24 June 2014

2014-06-24T22:01:33Z

Freelancewizard: Freelancewizard moved page Template:Horizontal Lists/Charts to Horizontal Lists and Charts: Not a template

2014-06-24T22:01:16Z

Freelancewizard moved page Template:Horizontal Lists/Charts to Horizontal Lists and Charts: Not a template

Xenedra at 22:07, 15 January 2014

2014-01-15T22:07:50Z

Xenedra at 19:37, 29 July 2013

2013-07-29T19:37:35Z

Xenedra at 19:37, 29 July 2013

2013-07-29T19:37:13Z

Xenedra at 12:32, 27 July 2013

2013-07-27T12:32:16Z

Xenedra at 12:31, 27 July 2013

2013-07-27T12:31:32Z

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

2013-07-27T12:29:32Z

Created page with "There are a few ways to code in lists that span the page horizontally. Here's one example: <table width="450" border="0" style="position:center"> <tr> <td valign="top" width=..."

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

<table width="450" border="0" style="position:center">
<tr>
<td valign="top" width="150" scope="col"><div align="left">
:'''Fruits:'''
:* Strawberry
:* Apple
:* Orange
:* Cherry
</div>
</td>
<td valign="top" width="150" scope="col"><div align="left">
:'''Veggies:'''
:* Carrot
:* Broccoli
:* Cucumber
:* Potato
</div>
</td>
<td valign="top" width="150" scope="col"><div align="left">
:'''Colors:'''
:* Blue
:* Green
:* Red
:* Purple
</div>
</td>
</tr>
</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. This means things like actually giving the charts borders, changing the fonts block by 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!

[[category:Wiki Templates]]

← Older revision		Revision as of 22:01, 24 June 2014
Line 34:		Line 34:

	<div style="font-size: 10px">(Credit: Xenedra)</div>		<div style="font-size: 10px">(Credit: Xenedra)</div>
−	[[~~category~~:~~Wiki Templates~~]]	+	[[Category:Help]]

@@ Line 30: / Line 30: @@
 </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!
 <div style="font-size: 10px">(Credit: Xenedra)</div>
 [[category:Wiki Templates]]

@@ Line 31: / Line 31: @@
 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!
 <div style="font-size: 10px">(Credit: Xenedra)</div>
 [[category:Wiki Templates]]

← Older revision		Revision as of 19:37, 29 July 2013
Line 32:		Line 32:
	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 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!

		+	<div style="font-size: 10px">(Credit: Xenedra)</div>
	[[category:Wiki Templates]]		[[category:Wiki Templates]]

@@ Line 30: / Line 30: @@
 </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, 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 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!
 [[category:Wiki Templates]]

← Older revision	Revision as of 22:01, 24 June 2014
(No difference)