ImageReady extra 1 pixel table row

[Smurfy]

"Alex Batchinski" <bachynskyi@yahoo.com> wrote in message
news:1de9b23d.-1@WebX.la2eafNXanI...

> Hi,
>
> I tried ImageReady 7.0 to export my sliced graphics into HTML. And I got

this problem with 1 pixel height extra row of spacers at the very bottom of
the table. But I don't have any slice of 1 pixel height. So where is it
coming from?

>
> This makes it impossible to use ImageReady! Because the resulting table

becomes 1 pixel more in height than I sould have get.

>
> Is there any workaround/patch/update?
>
> Thank you.

*****************
Most likely what you are seeing is a browser issue that has never really
been taken care of.

Check your HTML and if your closing cell and row tags are not on the same
line, something like this:
<tr>
<td><img src='somepicslice.gif">
</td>
</tr>

make them look like this:
<tr><td><img src='somepicslice.gif"></td></tr>

For some reason having the closing tags on a line below the cell content
often adds a space below or to the right of the image, putting all the code
on one line removes it.

The strange part about this is that all WYSIWYG editors, Code Generators
(like Image Ready) and all Code Sweepers will drop the table tags down to
there own line.

HTH

[dennis johnson]

You could edit the HTML code manually and change the height parameter of the table.

[Alex Batchinski]

What I'm saying is there really should not be this row. It's an extra unneeded one. For example, I have a table with cells which all have images (from "Image" slices) and let's say these images are all red (all table is red). That extra row of spacers creates for me unneeded white (my page's background color) 1 pixel line. And if I have this table inside another red table I'll get small 1 pixel white line inside all red!

[Alex Batchinski]

The table is generated from slices. How could I possibly have ImageReady to set padding and table border?

[Alex Batchinski]

I can prepare an example PSD file and resulting HTML code. Just tell me where to put/send it.

[Flo Nelson]

I don't use ImageReady for html, but Dreamweaver will do the same thing if
used in "layout"mode. Basically the 1 pixel row is filled with spacer gifs
(a 1 pixel transparent gif) to make sure the table stays exactly the width
you want it. Probably done only if some of the slices aren't labeled as
images.

This is not a great way to create code and in the Dreamweaver ng everyone
advises against it, but if you don't have the time or inclination to learn a
lot about table structures, try this: you could simply delete that row -
then if your table doesn't space out right, put a spacer gif in any cells
with no images. Make that gif the width and height you need to stablize your
table.

Flo


"Alex Batchinski" <bachynskyi@yahoo.com> wrote in message
news:1de9b23d.-1@WebX.la2eafNXanI...

> Hi,
>
> I tried ImageReady 7.0 to export my sliced graphics into HTML. And I got

this problem with 1 pixel height extra row of spacers at the very bottom of
the table. But I don't have any slice of 1 pixel height. So where is it
coming from?

>
> This makes it impossible to use ImageReady! Because the resulting table

becomes 1 pixel more in height than I sould have get.

>
> Is there any workaround/patch/update?
>
> Thank you.

[Tim Mousel]

Hi,

Did you figure this out? I'm having the same issues.

Thanks,

Tim

[Trevor Morris]

The reason for the extra row/column and spacers is because you're cutting the table in an "impossible" way. If you cut your graphics/slices in a manner that cannot be accomplished with a simple HTML table, ImageReady is clever enough to add an extra row in which it creates the necessary rows/columns and then translates your requested slices into row/column spans. The only way to avoid this is to very carefully plan you slices so that all rows and columns line up (or at least so that "legal" row/column spans can be used - otherwise you'll get spacers).

Another alternative is to slit a complex table into two separate pieces - even a separate table for each row might be preferable to the spacers given your circumstances.

Hope that was all clear.

[Don McCahill]

It was to me, Trevor, and is the right answer. I will add a comment that might clarify it for those who didn't follow your answer.

An HTML table must have a defining size. When you make two rows with each having two columns, "but the two columns do NOT align" then HTML has to use column spans to make this work.

However, it CANNOT span columns correctly in this situation (in most browsers). The way to correct this is to add a third row that has all three columns in it, so that now the browser knows where to end each column.

The same thing can happen with rows (when a column is added at one end or the other). If you remove those rows (or columns) your image will not be able to align.

Most programs making web images will give you the option of making the extra row either a slice of the image, or a background color. I don't know IR well enough to know if it has this option.