We just learned how to use align and valign for very basic postioning of an image in a table. Now we'll learn how to place something with more precision.
We can move things up or down by using a simple break tag: <br>.
You may just want something moved up or down from one of the basic 9 positions. First you need to decide if you want to move something up or down. Then remember that the default for valign is "middle".
To move something down a bit from the top, use valign="top" in your <td>, then add some break tags to move your image down.
Sample code:
<td valign="top">
<br><br>
<img src="images/sailboat.gif">
</td>
|
|
To move something up, use valign="bottom" in your <td>, then add some break tags to move your image up.
Sample code:
<td valign="bottom">
<img src="images/sailboat.gif">
<br><br>
</td>
|
|
There is one problem with this technique. Different people use different browser settings. Even with WebTV, we can choose small, medium or large text. This will affect line height and therefore how "tall" a break tag is. Not everyone will see your placement the same as you do. We'll learn how to get around this later.
Use the break tag to move an image upor down in a table. Post your table.
As always, questions and comments are welcome.
Happy tabling,
Gnubee