Hi There.
I have a lot of text and one image that should be on the left side.
I want the image to be on the left side while the text start at the right side of the image and when it reaches to the very buttom of the image it'll keep "running" automaticly.
How can I do it?
Thanks!style="float:left;"there's a small space (a pixel or two) left to the image.
how can take this space out?
Thanks!margin:0px;the space is still there... how can I get rid of it?try padding:0px;
if that doesn't work, add it to the surrounding element either table or div or body-what ever it is inwhat about margin: -1px; ???
have you got a workinge xample of your problem?<head>
<style type="text/css">
Body {font-family: Arial;}
a:link {text-decoration: none; color: #6c7884; font: bold;}
a:visited {text-decoration: none; color: #6c7884; font: bold;}
a:hover {text-decoration: none; color: #feb243; font: bold;}
</style>
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0" width="750">
<tr>
<td valign="top" style="font-size: 13px; color: #000000; text-align: justify;">
<a href=http://www.webdeveloper.com/forum/archive/index.php/"#">Nail Kit</a><br>
<img align="left" style="margin: -1px" src=http://www.webdeveloper.com/forum/archive/index.php/"img.jpg">
<b>Description:</b><br>
Our nail kit includes an eight ounce bottle of our Dead Sea Spa Care Hand and Body Massage
Vanilla, Watermelon, Pineapple, Almond and Pomegranate.<br><br>
</td>
</tr>
</table>Originally posted by weee
<head>
<style type="text/css">
Body {font-family: Arial;}
a:link {text-decoration: none; color: #6c7884; font: bold;}
a:visited {text-decoration: none; color: #6c7884; font: bold;}
a:hover {text-decoration: none; color: #feb243; font: bold;}
</style>
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0" width="750">
<tr>
<td valign="top" style="font-size: 13px; color: #000000; text-align: justify;">
<a href=http://www.webdeveloper.com/forum/archive/index.php/"#">Nail Kit</a><br>
<img align="left" style="margin: -1px" src=http://www.webdeveloper.com/forum/archive/index.php/"img.jpg">
<b>Description:</b><br>
Our nail kit includes an eight ounce bottle of our Dead Sea Spa Care Hand and Body Massage
Vanilla, Watermelon, Pineapple, Almond and Pomegranate.<br><br>
</td>
</tr>
</table>
The purpose of the table element is to lay out tabular data; I’m just not seeing an image and description/caption/ect. as tabular data.in the table<head>
<style type="text/css">
body{
padding:0px;
margin:0px;}
table{
padding:0px;
margin:0px;}
td.row{
padding:0px;
margin:0px;}
img{
padding:0px;
margin:0px;
float:left;
font-size: 13px;
color: #000000;
text-align: justify;}
a:link {text-decoration: none; color: #6c7884; font: bold;}
a:visited {text-decoration: none; color: #6c7884; font: bold;}
a:hover {text-decoration: none; color: #feb243; font: bold;}
</style>
</head>
<body>
<table width="750">
<tr>
<td class="row" valign="top">
<a href=http://www.webdeveloper.com/forum/archive/index.php/"#">Nail Kit</a><br>
<img src=http://www.webdeveloper.com/forum/archive/index.php/"img.jpg">
<b>Description:</b><br>
Our nail kit includes an eight ounce bottle of our Dead Sea Spa Care Hand and Body Massage
Vanilla, Watermelon, Pineapple, Almond and Pomegranate.<br><br>
</td>
</tr>
</table>that's how it looks on my end...change
<a href=http://www.webdeveloper.com/forum/archive/index.php/"#">Nail Kit</a><br>
<img src=http://www.webdeveloper.com/forum/archive/index.php/"img.jpg">
<b>Description:</b><br>
to
<a href="#">Nail Kit</a><br><img src=http://www.webdeveloper.com/forum/archive/index.php/"img.jpg">
<b>Description:</b><br>the same.I've not read the entire thread, but does this (<!-- m --><a class="postlink" href="http://www.positioniseverything.net/explorer/threepxtest.html">http://www.positioniseverything.net/exp ... xtest.html</a><!-- m -->) help at all?
I have a lot of text and one image that should be on the left side.
I want the image to be on the left side while the text start at the right side of the image and when it reaches to the very buttom of the image it'll keep "running" automaticly.
How can I do it?
Thanks!style="float:left;"there's a small space (a pixel or two) left to the image.
how can take this space out?
Thanks!margin:0px;the space is still there... how can I get rid of it?try padding:0px;
if that doesn't work, add it to the surrounding element either table or div or body-what ever it is inwhat about margin: -1px; ???
have you got a workinge xample of your problem?<head>
<style type="text/css">
Body {font-family: Arial;}
a:link {text-decoration: none; color: #6c7884; font: bold;}
a:visited {text-decoration: none; color: #6c7884; font: bold;}
a:hover {text-decoration: none; color: #feb243; font: bold;}
</style>
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0" width="750">
<tr>
<td valign="top" style="font-size: 13px; color: #000000; text-align: justify;">
<a href=http://www.webdeveloper.com/forum/archive/index.php/"#">Nail Kit</a><br>
<img align="left" style="margin: -1px" src=http://www.webdeveloper.com/forum/archive/index.php/"img.jpg">
<b>Description:</b><br>
Our nail kit includes an eight ounce bottle of our Dead Sea Spa Care Hand and Body Massage
Vanilla, Watermelon, Pineapple, Almond and Pomegranate.<br><br>
</td>
</tr>
</table>Originally posted by weee
<head>
<style type="text/css">
Body {font-family: Arial;}
a:link {text-decoration: none; color: #6c7884; font: bold;}
a:visited {text-decoration: none; color: #6c7884; font: bold;}
a:hover {text-decoration: none; color: #feb243; font: bold;}
</style>
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0" width="750">
<tr>
<td valign="top" style="font-size: 13px; color: #000000; text-align: justify;">
<a href=http://www.webdeveloper.com/forum/archive/index.php/"#">Nail Kit</a><br>
<img align="left" style="margin: -1px" src=http://www.webdeveloper.com/forum/archive/index.php/"img.jpg">
<b>Description:</b><br>
Our nail kit includes an eight ounce bottle of our Dead Sea Spa Care Hand and Body Massage
Vanilla, Watermelon, Pineapple, Almond and Pomegranate.<br><br>
</td>
</tr>
</table>
The purpose of the table element is to lay out tabular data; I’m just not seeing an image and description/caption/ect. as tabular data.in the table<head>
<style type="text/css">
body{
padding:0px;
margin:0px;}
table{
padding:0px;
margin:0px;}
td.row{
padding:0px;
margin:0px;}
img{
padding:0px;
margin:0px;
float:left;
font-size: 13px;
color: #000000;
text-align: justify;}
a:link {text-decoration: none; color: #6c7884; font: bold;}
a:visited {text-decoration: none; color: #6c7884; font: bold;}
a:hover {text-decoration: none; color: #feb243; font: bold;}
</style>
</head>
<body>
<table width="750">
<tr>
<td class="row" valign="top">
<a href=http://www.webdeveloper.com/forum/archive/index.php/"#">Nail Kit</a><br>
<img src=http://www.webdeveloper.com/forum/archive/index.php/"img.jpg">
<b>Description:</b><br>
Our nail kit includes an eight ounce bottle of our Dead Sea Spa Care Hand and Body Massage
Vanilla, Watermelon, Pineapple, Almond and Pomegranate.<br><br>
</td>
</tr>
</table>that's how it looks on my end...change
<a href=http://www.webdeveloper.com/forum/archive/index.php/"#">Nail Kit</a><br>
<img src=http://www.webdeveloper.com/forum/archive/index.php/"img.jpg">
<b>Description:</b><br>
to
<a href="#">Nail Kit</a><br><img src=http://www.webdeveloper.com/forum/archive/index.php/"img.jpg">
<b>Description:</b><br>the same.I've not read the entire thread, but does this (<!-- m --><a class="postlink" href="http://www.positioniseverything.net/explorer/threepxtest.html">http://www.positioniseverything.net/exp ... xtest.html</a><!-- m -->) help at all?