site-check please? (table alignment problem)

Hello All,

Is there anyone who could check a page for me to tell me why my images
and/or table are not aligning-right?

If you go to
http://www.hoffmanyork.com/newsite/i...page/work.html

You will see three images of children that are 70x70px. These images are
supposed to be aligned to the right hand side of the table cell. In fact,
that alignment of the cell and the images is 'right' for horizontal
alignment. Yet when I view it, the images are up against the image of the
boxer shorts, even though there should be plenty of room in the table / page
for the images to be several pixels apart from this image. ?

Note - to see the page / background the way it was meant to be viewed (with
same result), go to
http://www.hoffmanyork.com/newsite/flash/main.html - click enter, click on
the knife, and then "Our Creative Work".

Thanks in advance!
roml


---
Outgoing mail is certified Virus Free.
Checked by AVG anti-virus system (http://www.grisoft.com).
Version: 6.0.712 / Virus Database: 468 - Release Date: 6/28/04

Andrew Grosman wrote:

Hello All,

Is there anyone who could check a page for me to tell me why my images
and/or table are not aligning-right?

If you go to
http://www.hoffmanyork.com/newsite/i...page/work.html

You will see three images of children that are 70x70px. These images are
supposed to be aligned to the right hand side of the table cell. In fact,
that alignment of the cell and the images is 'right' for horizontal
alignment. Yet when I view it, the images are up against the image of the
boxer shorts, even though there should be plenty of room in the table / page
for the images to be several pixels apart from this image. ?

Note - to see the page / background the way it was meant to be viewed (with
same result), go to
http://www.hoffmanyork.com/newsite/flash/main.html - click enter, click on
the knife, and then "Our Creative Work".

1. The pop-up window when clicking "Enter" at
http://www.hoffmanyork.com/newsite/flash/main.html doesn't work in most
browsers since you have <a href="#" onMouseDown="MM_openB....
Take out the # and make it look:
<a href="javascript:;" onMouseDown="MM_openB... and it'll be OK

2. You certainly have a mesh of tables and cells. Be glad the isn't any
colspan or rowspan tags (at least I couldn't see any). The reason why
the thumbnails align flush with the boxershorts is that the entire table
collapses in the browser, so it doesn't matter that you have both right
aligned cell and image.
What you need to do is to split one of the cells and add a shim that'll
make the column with the thumbnail cells stay away from the shorts.
Find this piece of code:

<tr>
<td><img src="images/samples/asian_thumb.jpg" width="70" height="70"
align="right"></td>
</tr>

and add another column like this (change the width of the shim to the
distance you want):

<tr>
<td><img src="images/spacer.gif" width="20" height="1"></td>
<td><img src="images/samples/asian_thumb.jpg" width="70" height="70"
align="right"></td>
</tr>

Cheers,

--
Dan Vendel - *GOF*
Contact: http://www.proformica.com/en/contact.shtml
Formmail tutorial: http://www.proformica.com/en/formmail_tutorial.shtml
Nested tables: http://www.proformica.com/en/nested_table_demo.shtml
SEO: http://www.proformica.com/en/search_...mization.shtml
SE Utility: http://www.proformica.com/en/advanced_web_ranking.shtml
Search Dreamweaver newsgroup: http://www.proformica.com/google.html

Dan Vendel *GOF* wrote:

Find this piece of code:

tr
td><img src="images/samples/asian_thumb.jpg" width="70" height="70"
align="right"></td
/tr

and add another column like this (change the width of the shim to the
distance you want):

tr
td><img src="images/spacer.gif" width="20" height="1"></td
td><img src="images/samples/asian_thumb.jpg" width="70" height="70"
align="right"></td
/tr

Cheers,

Ooops...the code above isn't exactly like the one you have. I had
removed the align stuff in the code I posted. So the code you should
look for actually looks:

<tr>
<td align="right"><img src="images/samples/asian_thumb.jpg" width="70"
height="70" align="right"></td>
</tr>

Then add the cell with the shim (a.k.a. "spacer"):

<tr>
<td><img src="images/spacer.gif" width="20" height="1"></td>
<td align="right"><img src="images/samples/asian_thumb.jpg" width="70"
height="70" align="right"></td>
</tr>

--
Dan Vendel - *GOF*
Contact: http://www.proformica.com/en/contact.shtml
Formmail tutorial: http://www.proformica.com/en/formmail_tutorial.shtml
Nested tables: http://www.proformica.com/en/nested_table_demo.shtml
SEO: http://www.proformica.com/en/search_...mization.shtml
SE Utility: http://www.proformica.com/en/advanced_web_ranking.shtml
Search Dreamweaver newsgroup: http://www.proformica.com/google.html

Andrew Grosman wrote:

If you go to
http://www.hoffmanyork.com/newsite/i...page/work.html

You will see three images of children that are 70x70px. These images are
supposed to be aligned to the right hand side of the table cell. In fact,
that alignment of the cell and the images is 'right' for horizontal
alignment. Yet when I view it, the images are up against the image of the
boxer shorts, even though there should be plenty of room in the table
/ page
for the images to be several pixels apart from this image. ?

Quick fix is to export the images with some extra space to the left
side. Export it as tarnsparent if you want the background to show
through if not just leave it white. That will make sure the table cells
dont collaspe.

As Dan says got a lot of tables in that page.

Thank you very much Osgood, Dan, and I hear you on the overkill I have going
on with the tables.

<g>




"Osgood" <notavailable (AT) atthisaddress (DOT) com> wrote

Andrew Grosman wrote:

If you go to
http://www.hoffmanyork.com/newsite/i...page/work.html

You will see three images of children that are 70x70px. These images
are
supposed to be aligned to the right hand side of the table cell. In
fact,
that alignment of the cell and the images is 'right' for horizontal
alignment. Yet when I view it, the images are up against the image of
the
boxer shorts, even though there should be plenty of room in the table
/ page
for the images to be several pixels apart from this image. ?


Quick fix is to export the images with some extra space to the left
side. Export it as tarnsparent if you want the background to show
through if not just leave it white. That will make sure the table cells
dont collaspe.

As Dan says got a lot of tables in that page.

---
Outgoing mail is certified Virus Free.
Checked by AVG anti-virus system (http://www.grisoft.com).
Version: 6.0.712 / Virus Database: 468 - Release Date: 6/27/04