Forum Moderators: open
<html>
<head>
<title>PictureText</title>
</head>
<body>
<table>
<tr>
<td align="left" valign="top">
<img src="Picture_one.jpg" width=200px height=200px>
</td>
<td align="left" valign="top" colspan=2>
<p>Text here that is long enough to wrap and fill the area beside the picture</p>
</td>
</tr>
<tr>
<td align="left" valign="top">
<p>At least two more lines of text here</p>
</td>
</tr>
</table>
</body>
</html>
What I'd like is, when the window is made smaller, to have the text beside the picture wrap and stay even with the bottom of the picture, with the excess text going below the picture. Help!
<html>
<head>
<title>PictureText</title>
</head>
<body>
<table>
<tr>
<td align="left" valign="top">
<img src="Picture_one.jpg" style="float:left;" width=200px height=200px>
<p>
Text here that is long enough to wrap and fill the area beside the picture</p>
<p>
At least two more lines of text here</p>
</td>
</tr>
</table>
</body>
</html>
You could also replace the table with a <div> in this case.
Its much more powerful if used as an external style sheet then one external style change can cover multiple tags over many pages. For example to change background colours over a whole site with a single external style sheet change.
When you have time see the 'cascading style sheet' or css forum and look for tutorials in -
[webmasterworld.com...]
