Design & Publishing . / . WEB . / . PixelSmith . / .
Mr. Pixelsmith Slices JPG files
... Slicing Images for Tables

Now, slice'n'dice...

__ Next the bottom half (540 x 300) saved, then chopped in half (540 x 150 Selecting the bottom-center in the Canvas dialog, #2), then halved again to 540 x 75. By now you can see where this is going. Each chop/export and revert... next chop, select different chunk of the Canvas dialog, chop/export/revert. The bottom was easy -- a single, wall-to-wall 540 x 75 file. It does sound complicated but it’s not, and once you get on a roll you’re finished before you know it.
__ The trick is designing what’s going to happen -- BEFORE you start the file. We knew we would need three top buttons for the Fan Zines of the top three wrestlers. Bingo, find a width divisible by 3. We also knew we would have three rows, bingo again -- a file height divisible by 3. Easy.
__ In the HTML file we simply set the Table to center on the page, with 0 border, 0 offset, and 0 spacing. We then set the cel sizes to match the graphics. Voila... clickable macho! (Shown here is the table with 2/2/2 settings so you can see the divisions.)

<< Introduction . . . < Chopping the file . . . Another Example >

(also see: The Difference between "Slice" and "Image Maps")



Design & Publishing . / . WEB . / . Pixelsmith . / . Letters


Graphic Design .com The Design Center is a spam free website.Thank you for visiting today...
This is the Web Design & Review Web site at: http://www.graphic-design.com/Web/
Copyright 1997, 1998, 1999 WebDesign & Review, all rights reserved.

Thank you for visiting WebDesign & Review at http://www.graphic-design.com/web/ Notes: The screen shots herein represent the copyrighted works of their respective owners, and are used here for editorial demonstration purposes. Permission has been granted to display and review all sites in WebDesign & Review by the website owners. Not all areas of the online environment allow special characters such as the registration and trademark marks. This file will alert you to proprietary works that cannot be duplicated or distributed. Copyright 1996, 1997, 1998, 1999 Showker Graphic Arts, for the The Design & Publishing Center, ALL RIGHTS RESERVED. WebDesign & Review, Pixelsmith, WebEye are all trademarks for The Design & Publishing Center. Other products mentioned in these pages are the registered trademarks of their respective owners.
The Design & Publishing Center and WebDesign & Review are Affiliates of The
Graphic Design Network. Other Affiliates include: 60 Second Windows, News - Serve Network, The DTP Jumpstation, Photo Warehouse dot com, The Designers' Bookshelf, The User Group Network, The User Group Academy, Office Products, Furniture Systems dot com, Solace, Harrisonburg.org/">Harrisonburg.org, Shenandoah.org, SVTA.org, Guitar Picks Online, all of which are hosted at RICA.net -- copyright 1994 - 2000, The Graphic Design Network, Showker Graphic Arts & Design, Harrisonburg, VA. Trademarks and Legal Properties Statement