Slicing Problems

[Yeldarb]

I've spent the last 2 hours slicing up a layout. Well, actually only about 45 minutes of that was actual slicing, the rest was getting rid of images that just contained images of blocks of colors and changing them to bgcolors of the table cells. The problem is that now I have gotten to the main content section, but it wasn't sliced up the way that I want -- well it was, but not really. It looks right and all, but the code is screwy. Instead of a column being split up, it is a bunch of rows -- it's hard to explain.

I'll just post the WIP:
www.barbdwyer.com/keepitcool

If you look at the center, the images with the filler text and prices isn't just a column in the table. So, I have 2 questions.

First, is there a way that I can tell Photoshop to do this?
and Second, is there a way I can export it again without screwing up all of the code that I already modified?

Edit: Sorry if this post doesn't make sense, I'm incredibly tired.

[ironikart]

My suggestion would be not to rely on photoshop slicing for your table layouts. It's pretty hard to control at the best of times. If you've got a wysiwyg html editor you can open up photoshop's generated html file and play with the tables to get what you want.

For that middle column photoshop won't automatically insert another table, but rather try and break it up into rows. What you need to do is export the html without the column being divided and then manually insert a new table into the column. It's trying to use the 'colspan' option in html and it won't do a very good job of it...

[edit] looking at your source code, photoshop has generated a great big mess! :-/

[Yeldarb]

Thanks. I'm working on recoding it now.

[Dj-Studios]

Yea I used to rely on PS to do the coding for me. Then I learned CSS and my life was forver changed.:thumb:

[Yeldarb]

OK, i got this pretty much sorted out I think... but, I still have a slight problem. I ripped up the layout just a bit. Can someone look at this and tell me why I have a gray box on top of it and why the corners don't match up? For the life of me I don't get it. They match up I can't find where it is doing it in the code.

BTW, for those who were wondering I didn't redo all of the layout by hand, I just chopped up that section as a large one and then chopped that image up the way that I wanted, so that now the products are their own include. I think it will work this way.

But can someone please help me figure out why it's choppy?

Link:
www.barbdwyer.com/keepitcool

EDIT: Fixed the gray box, but it's still choppy :(
EDIT AGAIN: And I know that they all match up and everything because www.barbdwyer.com/keepitcool/tabbedLayout.html (right out of photoshop matches up, but I can't figure out what is different between mine and that one.

Please Help <Insert Puppy Face Smilie>

[DDD]

post a screen shot of your issue....I get 2 diff problems on 2 diff machines. If it is any help, I would use fireworks for your slicing...if available. Or if PS has the different code export options. Try using different settings. What I mean. Is in FW you can choose to use nested tables with spacers or no spacers. Or single table spacers or no spacers. I usually use single no spacers and plan my slices well. PS may have these options not sure.

[Yeldarb]

I'm getting these chewed up corners in IE, I haven't tested it in another browser yet, what other problems are you seeing?

[Dj-Studios]

That could be caused by you accidnetally making that image just a bg color instead of using the image. Since you said you cahnged some of the images just bg's I would suggest checking and making sure you didn't do that to those four images.;)

[Yeldarb]

Good idea, but unfortunately those areas are still images :(

[DDD]

another thing to try is set the height of the cell in those boxes. Sometimes html will compensate by taking measurements from another cell if it is not defined.

[Yeldarb]

ahh, thanks for that tip 3d :D The problem was that I had too much content in that middle box, and it was stretching the middle, but not the two far far outside cells. Thanks a ton everyone :)

[DDD]

what I do for situations like that. Is set the height and widthe of cells like that, then hopefully your other cell (the stretched one) has an image that can be tiled or a color you can put in the bgrd. Put either the image in thebgrd or the color set that cell to 100% then it will compensate. without distortion. I hope that was a clear explanantion...probably not tho...lol....glad you got it.

[Yeldarb]

Was actually in the process of doing that LOL. Yeah, it has minimal distortion, it should be fine, you don't even notice it unless you look for it :D