I need to allign a picture to the left edge of the page so that there's no gap between the picture and the page border. I can do this easily with layers (Dream Weaver), but I need to place everything, including the picture, into a table, and there's always a small gap between the table and the border of the page. Does anyone know if that can be fixed?<br />
<br />
Thanks,<!--content-->Why do you need a picture in a table
<!--content-->Set the table margin and padding to 0, and the left coordinate to 0. See if that'll do the trick.<!--content-->Originally posted by Vladdy <br />
Why do you need a picture in a table <br />
<br />
Well, because I use non-trivial alignment. So I have to use tables or layers - at least so it seems to me (I might be missing smthng). But I don't want to use layers because they are not suppoted in earlier versions of browsers and because they mess up layout at lower screen resolutions<!--content-->Originally posted by cijori <br />
Set the table margin and padding to 0, and the left coordinate to 0. See if that'll do the trick. <br />
<br />
How do I set the left coordinate?<!--content-->in the <table> tag and <td> tag put style="position:relative; left:0px;"<!--content-->Can't get it working anyway. Here's the code:<br />
<br />
<table style="position:relative; left:0px;" align=left cellpadding=0 cellspacing=0><br />
<tr><br />
<td style="position:relative; left:0px;"><br />
<img src=http://www.webdeveloper.com/forum/archive/index.php/"grasshopper_s.jpg" width="293" height="320"><br />
</td><br />
</tr><br />
</table><br />
<br />
The gap is still there
<!--content-->Here is the actual page <!-- m --><a class="postlink" href="http://www.grasshopper-toys.com">http://www.grasshopper-toys.com</a><!-- m -->. It has a combination of tables and layers. The idea is to turn everything into tables preventing the gap between the grasshopper picture and the page border.<!--content-->
<br />
Thanks,<!--content-->Why do you need a picture in a table
<!--content-->Set the table margin and padding to 0, and the left coordinate to 0. See if that'll do the trick.<!--content-->Originally posted by Vladdy <br />Why do you need a picture in a table
<br /><br />
Well, because I use non-trivial alignment. So I have to use tables or layers - at least so it seems to me (I might be missing smthng). But I don't want to use layers because they are not suppoted in earlier versions of browsers and because they mess up layout at lower screen resolutions<!--content-->Originally posted by cijori <br />
Set the table margin and padding to 0, and the left coordinate to 0. See if that'll do the trick. <br />
<br />
How do I set the left coordinate?<!--content-->in the <table> tag and <td> tag put style="position:relative; left:0px;"<!--content-->Can't get it working anyway. Here's the code:<br />
<br />
<table style="position:relative; left:0px;" align=left cellpadding=0 cellspacing=0><br />
<tr><br />
<td style="position:relative; left:0px;"><br />
<img src=http://www.webdeveloper.com/forum/archive/index.php/"grasshopper_s.jpg" width="293" height="320"><br />
</td><br />
</tr><br />
</table><br />
<br />
The gap is still there
<!--content-->Here is the actual page <!-- m --><a class="postlink" href="http://www.grasshopper-toys.com">http://www.grasshopper-toys.com</a><!-- m -->. It has a combination of tables and layers. The idea is to turn everything into tables preventing the gap between the grasshopper picture and the page border.<!--content-->