![]() |
|
![]() | |
![]() | |
![]() |
|
Now we're going to play around a little. Here's a little unordered list: Ingredients for Apple Pie
That's all fine & dandy, but what if we want to put it over here...
Because we want it to be next to a picture of... a pie!
By golly we could use a table to do that! When studying or building a table, it's always easier when the borders are turned on.
Let's build this thing one step at a time. It's really pretty simple! Start with little Ed. <TABLE BORDER=3> <TR> <TD>Ed</TD> </TR> </TABLE>
Replace Ed with the unordered list. <TABLE BORDER=3> <TR> <TD> Ingredients for Apple Pie <UL> <LI>Apples <LI>Flour <LI>Sugar <LI>Cinnamon </UL> </TD> </TR> </TABLE>
Remember, in the absence of other instructions, the table will make itself just big enough to contain the data. So in this instance, a size attribute is not needed to accomodate the list. The table simply expands to the proper size. Next we'll expand the table the full width of the browser window. <TABLE BORDER=3 WIDTH=100%> <TR> <TD> Ingredients for Apple Pie <UL> <LI>Apples <LI>Flour <LI>Sugar <LI>Cinnamon </UL> </TD> </TR> </TABLE>
Isn't this fun!
|