Hello HTML fans! It's Yoyoshi here, and I'm going to help straighten you up. How? One magic word- tables.

Tables are a thing of the past. Therefore, they are simple, practical, and everyone that can pull up your web page will see them. See? Old can be good. You can use tables to align text, pictures, etc. into neat and tidy rows.

First, an example:

Sure, this may not look all that tidy, but it's on purpose. First of all, this is what a standard table looks like:
 

Now, what if we wanted to make one cell take up two columns? No prob:
 

Oh, you wanted rows instead of columns? That's impossible... until you learn how, of course.
 

So, why take my time learning about these tables? Well, here's an example:
 

50 cents	Koopa Gazette		1st Ed.
	Newspapers use columns, right? You can get the same simulation with tables! Look: A picture on the left with text all around it! It's a miracle!
Lunky image problem solved!

Now, let's take a look at what you need! Of course, the information is set up in a table, but with invisible borders.
 

Code Sheet
<table>	This is the tag that surrounds the table! Don't forget to end it, or you may spend hours of frustration figuring out what's wrong and I'll spend hours sorting through the hate mail.
</table>
<table align="center" border="yes">	These add-ons to the table tag will align the table "left", "center", or "right" (left is default if align isn't added) on the screen and turn the border on "yes" or off "no" (no is default), respectfully.
<tr>	These will align your text inside the table tags! <tr> defines a row, <td> defines a table cell, or table division. Therefore, a table is defined first by rows, then divisons of that row that make cells.
<td>
<td colspan="2">	Colspan and Rowspan go in the <td> tag. If you want a single cell to go into two columns or rows, use col or row span. The "2" is how many cells the individual one spans.
<td rowspan="2">

Finally, here is the code for the tables I've included.

First Table:

<table align="center"><tr><td colspan="2"><img src="image.jpg"> <tr><td><td><img src="image.jpg"> <tr><td rowspan="2"><img src="image.jpg"><td><img src="image.jpg"> <tr><td><img src="image.jpg"> <tr><td><img src="image.jpg"><td><img src="image.jpg"></table>

Koopa Gazette:

<table border="yes"> <tr><td>50 cents<td colspan="2">Koopa Gazette<td>1st Ed. <tr><td><img src="image.jpg"><td colspan="3" rowspan="2">Newspapers use columns, right? You can get the same simulation with tables! Look: A picture on the left with text all around it! It's a miracle! <tr><td>Lunky image problem solved! </table>

Code Sheet:

<table> <tr><td colspan="2">Code Sheet <tr><td><table><td rowspan="2">This is the tag that surrounds the table! Don't forget to end it, or you may spend hours of frustration figuring out what's wrong and I'll spend hours sorting through the hate mail. <tr><td></table> <tr><td><table align="center" border="yes"><td>These add-ons to the table tag will align the table "left", "center", or "right" (left is default if align isn't added) if you in the window, like text and turn the border on "yes" or off "no" (no is deafult), respectfully. <tr><td><tr><td rowspan="2">These will align your text inside the table tags! <tr> defines a row, <td> defines a table cell, or table division. Therefore, a table is defined first by rows, then divisons of that row that make cells. <tr><td><td> <tr><td><td colspan="2"><td rowspan="2">Colspan and Rowspan go in the <td> tag. If you want a single cell to go into two columns or rows, use col or row span. the "2" is how many cells the individual one spans. <tr><td><td rowspan="2"> </table>

Go back to Lemmy's HTML Guide.
Go back to Lemmy's Land.