Photoshop Slicing Rules

Dear All:

Is there some specific rules for slicing in Photoshop or ImageReady ??

I mean, are there some rules that was created by Web Designers to make the Slicing for a layout gives the best performance when converted to a Web Page or this just differ from one Layout to Another ??

I'm asking this because some times when i slice a layout and convert it to a Web Page i notice that if i try to extend my page down with a text or something, all the slices get miss up and the cells get out of my control !!

Is there a solution for this ???

Regards All  
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

I am not aware of any 'specific rules for slicing' but I suggest you keep your slices in a grid-like formation. That is, no overlapping columns as to make them fit in one HTML table.

You may also have to edit the HTML for vertical and horizontal alignment (valign and align) and make some of the images as backgrounds for the cells or the tables.
I would suggest you don't slice images.  Unless you have to, which you usually don't.
Especially since you said "all the slices get miss up and the cells get out of my control".

Splicing images and positioning them with table cells is an old design technique, created when the techniques available today were not available.  They don't work well, but back then were the best there was.  Of course they've been around a while, so they are common and well known.  But not good.

Modern layouts are designed using CSS (Cascading Style Sheets).  If you know table layouts, it can be difficult to learn to use CSS properly, but once you do you will see it's very powerful and flexible and allows some wonderfully elegant layouts.  I suggest you read web design sites like and to begin with.
i use sliced images for my sites all of the time, and i wouldn't do anything else..  especially when you have a huge graphic spanning across all parts of the page..

what i do in photoshop, is create guide lines on the graphic.   just click your mouse on the ruler in the window and drag the mouse to the middle of the window.  you'll see a line appear across it.  you can do this many times both horizontally and vertically.

make sure that the settings are set to "Snap to: guides"

then you can slice your image, snapping the slices to the guides, and you won't have any more problems with your slices..  or shouldn't..


Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
Web Development

From novice to tech pro — start learning today.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.