ImageReady extra 1 pixel table row

S
Posted By
Smurfy
Jun 26, 2003
Views
950
Replies
13
Status
Closed
"Alex Batchinski" wrote in message
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

Master Retouching Hair

Learn how to rescue details, remove flyaways, add volume, and enhance the definition of hair in any photo. We break down every tool and technique in Photoshop to get picture-perfect hair, every time.

S
Smurfy
Jun 26, 2003
"Alex Batchinski" wrote in message
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
DJ
dennis johnson
Jun 26, 2003
You could edit the HTML code manually and change the height parameter of the table.
DJ
dennis johnson
Jun 26, 2003
You could edit the HTML code manually and change the height parameter of the table.
AB
Alex Batchinski
Jun 26, 2003
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!
AB
Alex Batchinski
Jun 26, 2003
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!
AB
Alex Batchinski
Jun 26, 2003
The table is generated from slices. How could I possibly have ImageReady to set padding and table border?
AB
Alex Batchinski
Jun 26, 2003
The table is generated from slices. How could I possibly have ImageReady to set padding and table border?
AB
Alex Batchinski
Jun 26, 2003
I can prepare an example PSD file and resulting HTML code. Just tell me where to put/send it.
AB
Alex Batchinski
Jun 26, 2003
I can prepare an example PSD file and resulting HTML code. Just tell me where to put/send it.
FN
Flo Nelson
Jun 27, 2003
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" wrote in message
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.
TM
Tim Mousel
Jul 6, 2003
Hi,

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

Thanks,

Tim
TM
Trevor Morris
Jul 7, 2003
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.
DM
Don McCahill
Jul 8, 2003
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.

MacBook Pro 16” Mockups 🔥

– in 4 materials (clay versions included)

– 12 scenes

– 48 MacBook Pro 16″ mockups

– 6000 x 4500 px

Related Discussion Topics

Nice and short text about related topics in discussion sections