Wrapping Images with Text
Here I'll show you how to wrap text around
your images, and align text to the right or the left side of an image.
Text Aligned Left Side
| This is an example of how you can get text to
line itself down the left side of an image. This is a simple two column table. I can
continue to place text until I want it to stop. |
|
Table Code for the Above
Table
<center>
<table border=0 cellpadding=0 cellspacing=0 width=350>
<tr>
<td valign=top>
This is an example of how you can get text to line itself down the left side of an image.
This is a simple two column table. I can continue to place text until I want it to stop.
</td>
<td>
<IMG SRC="tableexam.jpg" WIDTH=125 HEIGHT=100>
</td>
</tr>
</table>
</center>
|
Text Aligned Right
Side
|
This is an example of how you can get text to
line itself down the right side of an image. This is a simple two column table. I can
continue to place text until I want it to stop. |
Code for the above Table
<center>
<table border=0 cellpadding=0 cellspacing=0 width=350>
<tr>
<td>
<IMG SRC="tableexam.jpg" WIDTH=125 HEIGHT=100>
</td>
<td valign=top>
This is an example of how you can get text to line itself down the right side of an image.
This is a simple two column table. I can continue to place text until I want it to stop.
</td>
</tr>
</table>
</center>
|
Text Aligned around the Image
| This is particularly interesting
because you can make the text wrap totally around the image with a little planning. |
| I do like being able to be
versatile when making pages, and figuring out this little trick is useful! |
|
This is an example of how you can
get text to line itself down the right side of an image. Works great doesn't it? |
| So, that you have
text across the top, both sides, and even the bottom of your image. A great way to build a
page with images,that are descriptive and very interesting. |
Code for the above Table
<center>
<table border=0 cellpadding=1 cellspacing=0 width=400>
<tr>
<td colspan=3 valign=top>
This is particularly interesting because you can make the text wrap totally around the
image with a little planning.
</td>
</tr>
<tr>
<td valign=top>
I do like being able to be versatile when making pages, and figuring out this little trick
is useful!
</td>
<td>
<IMG SRC="tableexam.jpg" WIDTH=125 HEIGHT=100>
</td>
<td valign=top>
This is an example of how you can get text to line itself down the right side of an image.
Works great doesn't it?
</td>
</tr>
<tr>
<td colspan=3>
So, that you have text across the top, both sides, and even the bottom of your image. A
great way to build a page with images,that are descriptive.
</td>
</tr>
</table>
</center>
|
Now, if you want to see a little trick with images that kind of spiffs
them up try this:
Code For the above Table
<center>
<table border=5 bordercolor="#0000ff" bgcolor="#0000ff">
<tr>
<td>
<!----Second Level Begins--->
<table border=3 bordercolor="#00bfbf" bgcolor="#00bfbf">
<tr>
<td>
<!----Third Level Begins--->
<table border=1 bordercolor="#00ffff" bgcolor="#00ffff">
<tr>
<td>
<center><IMG SRC="tableexam.jpg" WIDTH=125 HEIGHT=100
border="0"></center>
</td>
</tr>
</table>
<!----Third Level Ends---->
</td>
</tr>
</table>
<!----Second Level Ends---->
</td>
</tr>
</table>
</center>
|
Tables are a very powerful HTML tool. If you use them wisely you can
create some stunning effects with them.
|
