Hi There.
I have a photo and text and they both in a table.
I'm trying to get the text to wrap around the image and also
How can I set the margin so that the spce is equal on the bottom and the right.
<table width="390" cellspacing="0" cellpadding="0">
<tr>
<td valign="top">
<img align="left" src=http://www.webdeveloper.com/forum/archive/index.php/"image.jpg" width="160" height="200">
<b>Head Title</b>
fsadfjlkasdfjldffj lkas jflkaj flkjf klsjdf kljdf
fsadfjlkasdfjldffj lkas jflkaj flkjf klsjdf kljdf
fsadfjlkasdfjldffj lkas jflkaj flkjf klsjdf kljdf
fsadfjlkasdfjldffj lkas jflkaj flkjf klsjdf kljdf
fsadfjlkasdfjldffj lkas jflkaj flkjf klsjdf kljdf
fsadfjlkasdfjldffj lkas jflkaj flkjf klsjdf kljdf
fsadfjlkasdfjldffj lkas jflkaj flkjf klsjdf kljdf
fsadfjlkasdfjldffj lkas jflkaj flkjf klsjdf kljdf
fsadfjlkasdfjldffj lkas jflkaj flkjf klsjdf kljdf
fsadfjlkasdfjldffj lkas jflkaj flkjf klsjdf kljdf
fsadfjlkasdfjldffj lkas jflkaj flkjf klsjdf kljdf
fsadfjlkasdfjldffj lkas jflkaj flkjf klsjdf kljdf
fsadfjlkasdfjldffj lkas jflkaj flkjf klsjdf kljdf
fsadfjlkasdfjldffj lkas jflkaj flkjf klsjdf kljdf<br>
</td>
</tr>
</table>
ThanksOk, well that's just so awful I can't stand it.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Conforming HTML 4.01 Transitional Template</title>
<style type="text/css">
#foo { width:390px; }
#foo img { float:left; padding-right: 1em; }
#foo h2, #foo p { display:inline; }
#foo h2 { font-size: 100%; padding-right: 1em; }
</style>
</head>
<body>
<div id="foo">
<img src=http://www.webdeveloper.com/forum/archive/index.php/"image.jpg" width="160" height="200">
<h2>Head Title</h2>
<p>fsadfjlkasdfjldffj lkas jflkaj flkjf klsjdf kljdf
fsadfjlkasdfjldffj lkas jflkaj flkjf klsjdf kljdf
fsadfjlkasdfjldffj lkas jflkaj flkjf klsjdf kljdf
fsadfjlkasdfjldffj lkas jflkaj flkjf klsjdf kljdf
fsadfjlkasdfjldffj lkas jflkaj flkjf klsjdf kljdf
fsadfjlkasdfjldffj lkas jflkaj flkjf klsjdf kljdf
fsadfjlkasdfjldffj lkas jflkaj flkjf klsjdf kljdf
fsadfjlkasdfjldffj lkas jflkaj flkjf klsjdf kljdf
fsadfjlkasdfjldffj lkas jflkaj flkjf klsjdf kljdf
fsadfjlkasdfjldffj lkas jflkaj flkjf klsjdf kljdf
fsadfjlkasdfjldffj lkas jflkaj flkjf klsjdf kljdf
fsadfjlkasdfjldffj lkas jflkaj flkjf klsjdf kljdf
fsadfjlkasdfjldffj lkas jflkaj flkjf klsjdf kljdf
fsadfjlkasdfjldffj lkas jflkaj flkjf klsjdf kljdf
</p>
</div>
</body>
</html>padding-right: 1em; and the padding-bottom to be the same.
How can I control that space?
Is it posibble to get the text align to the top of the photo?
ThanksYou can't absolutely control the bottom spacing because it depends on the line wrap point. You can fiddle with px unit padding.
You can push the image down re to the text in the div by giving it a small margin-top, 3-4 px or so.
I have a photo and text and they both in a table.
I'm trying to get the text to wrap around the image and also
How can I set the margin so that the spce is equal on the bottom and the right.
<table width="390" cellspacing="0" cellpadding="0">
<tr>
<td valign="top">
<img align="left" src=http://www.webdeveloper.com/forum/archive/index.php/"image.jpg" width="160" height="200">
<b>Head Title</b>
fsadfjlkasdfjldffj lkas jflkaj flkjf klsjdf kljdf
fsadfjlkasdfjldffj lkas jflkaj flkjf klsjdf kljdf
fsadfjlkasdfjldffj lkas jflkaj flkjf klsjdf kljdf
fsadfjlkasdfjldffj lkas jflkaj flkjf klsjdf kljdf
fsadfjlkasdfjldffj lkas jflkaj flkjf klsjdf kljdf
fsadfjlkasdfjldffj lkas jflkaj flkjf klsjdf kljdf
fsadfjlkasdfjldffj lkas jflkaj flkjf klsjdf kljdf
fsadfjlkasdfjldffj lkas jflkaj flkjf klsjdf kljdf
fsadfjlkasdfjldffj lkas jflkaj flkjf klsjdf kljdf
fsadfjlkasdfjldffj lkas jflkaj flkjf klsjdf kljdf
fsadfjlkasdfjldffj lkas jflkaj flkjf klsjdf kljdf
fsadfjlkasdfjldffj lkas jflkaj flkjf klsjdf kljdf
fsadfjlkasdfjldffj lkas jflkaj flkjf klsjdf kljdf
fsadfjlkasdfjldffj lkas jflkaj flkjf klsjdf kljdf<br>
</td>
</tr>
</table>
ThanksOk, well that's just so awful I can't stand it.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Conforming HTML 4.01 Transitional Template</title>
<style type="text/css">
#foo { width:390px; }
#foo img { float:left; padding-right: 1em; }
#foo h2, #foo p { display:inline; }
#foo h2 { font-size: 100%; padding-right: 1em; }
</style>
</head>
<body>
<div id="foo">
<img src=http://www.webdeveloper.com/forum/archive/index.php/"image.jpg" width="160" height="200">
<h2>Head Title</h2>
<p>fsadfjlkasdfjldffj lkas jflkaj flkjf klsjdf kljdf
fsadfjlkasdfjldffj lkas jflkaj flkjf klsjdf kljdf
fsadfjlkasdfjldffj lkas jflkaj flkjf klsjdf kljdf
fsadfjlkasdfjldffj lkas jflkaj flkjf klsjdf kljdf
fsadfjlkasdfjldffj lkas jflkaj flkjf klsjdf kljdf
fsadfjlkasdfjldffj lkas jflkaj flkjf klsjdf kljdf
fsadfjlkasdfjldffj lkas jflkaj flkjf klsjdf kljdf
fsadfjlkasdfjldffj lkas jflkaj flkjf klsjdf kljdf
fsadfjlkasdfjldffj lkas jflkaj flkjf klsjdf kljdf
fsadfjlkasdfjldffj lkas jflkaj flkjf klsjdf kljdf
fsadfjlkasdfjldffj lkas jflkaj flkjf klsjdf kljdf
fsadfjlkasdfjldffj lkas jflkaj flkjf klsjdf kljdf
fsadfjlkasdfjldffj lkas jflkaj flkjf klsjdf kljdf
fsadfjlkasdfjldffj lkas jflkaj flkjf klsjdf kljdf
</p>
</div>
</body>
</html>padding-right: 1em; and the padding-bottom to be the same.
How can I control that space?
Is it posibble to get the text align to the top of the photo?
ThanksYou can't absolutely control the bottom spacing because it depends on the line wrap point. You can fiddle with px unit padding.
You can push the image down re to the text in the div by giving it a small margin-top, 3-4 px or so.