help w/ slices for newbit to graphics

how to control slices from becoming misalligned

[mbatta]

hello all -

Im sort of new to doing "real" graphics...always just made a table and stuck the image where I needed it.

In anycase, Im now using "sliced" images created in graphic/photo editirs (fireworks mostly, but also ps pro and photoshop until the trial runs out).

I have this problem of not knowing the technique for keeping the slices lined up while I ad html after exporting the image. For example, I'll have a cell used for html text with a whole bunch of image sliced cells above and to the sides. Once I add my desired text to the middle text my slices above or to the side get all screwed up (i.e., the cells are stretching or moving etc).

This is probably more of a table management issue that I just never grasped...but is there something I should be doing after exporting to help keep image slices in their original location?

I someone understands what Im trying to say...
mb

[mbatta]

ok Im getting desperate...I have this site which basically has graphics at the top and down the sides. All are sliced and there is an html cell in the middle. There is a repeat region table being put in the html area...how do I prevent the slices in the graphics on the side (buttons, photos)from getting all fowled up when the text cell expands beyond it's original side when exported?

I know this is a basic issue, any help would be appreciated.

[travelin cat]

Make sure that each of your table cells has width and height call outs and that the total table width is called out.

[mbatta]

I use dreamweaver and it wont "take" both a H and W on many occassions for the cells...does anyone know what that is? i.e. I plug in the H or W in pixels to match the sliced image and the value for H or W (usually one or the other) just goes blank when I leave the cell.

Thanks a lot for the help

[travelin cat]

this is most likely caused by having cells span over multiple rows and/or columns. You will have to figure out all of the cell dimensions and add them wherever possible, that should do it.

[jt007superman]

You could close the upper table to seperate it from the rest of the page. A second table would begin below the first which would contain your left side graphics, and your right side text. You would place your first image slice and table cell in the first cell of the table, then the second cell of the table would be your visible text area to the right. The visible text cell "TD" should be set to a rowspan equal to the quantity of stacked cells of image slices to the left plus one for a background filler cell. You would then close the cell and row for the text area to the right, and create a new row and cell for each image slice. This should work for all browsers on HTML3.2 +