Click to See Complete Forum and Search --> : Troubles designing in PhotoShop


dlacloche
08-21-2006, 10:57 AM
What's the correct proceedure for designing webpages in Photoshop?

I made one that was 720x480 with a big white space for text. So, I sliced it up and exported it as an html table with the sliced images and brought that into Dreamweaver. I was thinking I could remove the big white space image and just type the text in the open cell. It worked, but then, the text extended beyond the cell's original size. As you can imagine the table stretched poorly and everything broke apart. So, I tried to work with the table, tried get rid of the bottom row that holds 1 pixel high spacers, figuring that then I could type forever. But I couldn't do it.

What's the best practice using Photoshop for webpage design?

mpaquette
08-21-2006, 02:36 PM
The solution i have used for this problem: I slice my image into sections, one static and one that will extend my desgin. I chose a section that should extend if/when the cell is extended, then I create an image that is dropped into the background of that cell.

on this pge: http://home.comcast.net/~m_paquette/graphic_design.htm
the left nav is extended seamlessly by this image: http://home.comcast.net/~m_paquette/images/left_bkgrnd.gif

I started off with a two column table of three rows, then merged the right cells to create a single cell. On the left column, the top and bottom cell heights are defined but the middle one is not. So as my text/body column changes, my left bar just keep extending w/out further image modifications.

I'm sure there is a better way about this, but its one solution for you.

mp