What's new
By:
Photoshop Gurus Forum

Welcome to Photoshop Gurus forum. Register a free account today to become a member! It's completely free. Once signed in, you'll enjoy an ad-free experience and be able to participate on this site by adding your own topics and posts, as well as connect with other members through your own private inbox!

how to edit it?


R

raz0r

Member
Messages
10
Likes
0
Hi,
I just obtain this template and I need your help guys. Do you see the white edges on the top and bottom and sides of the design? When I "save for web" PS would include the "spacers" in the design. Anyone how to remove them?

I tried to edit out those spacers once PS saved it as html, but it ended up screwing the whole design.....
 
Hi raz0r...

Before doing this, save your PS template under a new name; so you'll not be editing the original file... just in case. ;)

Try "trimming". I can't be sure about the layout of that template in the Photoshop file, but if that white boarder is the document's "background" layer... then hide it.
Now under the IMAGE menu look for TRIM. Set it up to use "Transparency" and it'll crop your document right to the edge of the coloured shapes. That'll get rid of the white borders.
 
thanks, I wouldn't think it was this easy. Now there is another problem I forgot to mention. After I save the template as html, it ended up creating a bunch of "1" height spacers <td> codes on the bottom and the side of the design, such as this :
Code: 
<td>
			<img src="images/spacer.gif" width="23" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="16" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="92" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="11" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="139" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="261" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="148" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="6" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="37" height="1" alt=""></td>

Is there a way to remove them? The slicer doesn't seem to be able to catch them.

PS. I also updated the pic, to show how I edited the slicer
 
Back
Top