navigation
a webmaster learning community
     Home    Register     Search      Help      Login    
Sponsors

Shopping Cart Software
Ecommerce software integrated into Frontpage, Dreamweaver and Golive templates. No monthly fees and available in ASP and PHP versions.

Website Templates
We also have a wide selection of Dreamweaver, Expression Web and Frontpage templates as well as webmaster tools and CSS layouts.

Frontpage website templates
Creative Website Templates for FrontPage, Dreamweaver, Flash, SwishMax

Search Forums
 

Advanced search
Recent Posts

 Todays Posts
 Most Active posts
 Posts since last visit
 My Recent Posts
 Mark posts read

Microsoft MVP

 

torn edges on pic - want background to show

 
View related threads: (in this forum | in all forums)

Logged in as: Guest
Users viewing this topic: none
Printable Version 

All Forums >> Web Design >> Web Graphics >> torn edges on pic - want background to show
Page: [1]
 
dennis

 

Posts: 61
Joined: 12/20/2001
From: Camdenton MO USA
Status: offline

 
torn edges on pic - want background to show - 7/19/2006 17:50:11   
I want to edit a photo (Photoshop Elements 3.0) and create a "torn edge" effect, which I am able to do in PSE. When I insert the photo into my web page, instead of the page background showing through the "edge", it shows the pic as a regular rectangle with a white background instead. see http://djonesassoc.com/condosatthelake/
I'd like the white background to not be there and instead have the page background show through. When I look at it in PSE, the edged part shows the gray/white checkerboard indicating that that part of the image has been erased, yet it shows up in FP. I tried using the "set transparent color" in FP but it always leaves pixels showing. It's got to be simple - what am I missing?

_____________________________

Everything that goes around, comes around.
womble

 

Posts: 5511
Joined: 3/14/2005
From: Living on the edge
Status: offline

 
RE: torn edges on pic - want background to show - 7/19/2006 18:20:33   
I'm not sure if there's a WYSIWYG way to do this (I don't use FP these days really), but in either code or split view, try changing code for that image to this:

<img border="0" src="fvl206-edge.jpg" width="240" height="187" align="left" style="background-color: transparent;">


_____________________________

~~ "A cruel god ain't no god at all" ~~
:)

(in reply to dennis)
jaybee

 

Posts: 14144
Joined: 10/7/2003
From: Berkshire, UK
Status: offline

 
RE: torn edges on pic - want background to show - 7/19/2006 18:44:38   
Simple, you've saved it as a jpeg. Jpegs don't have transparency. You need to save it as a gif or a png. Be warned though, png file transparency doesn't work in all browsers.

_____________________________

If it ain't broke..... fix it until it is.
:)

:)
GAWDS
Now where did I put that Doctype?

(in reply to womble)
womble

 

Posts: 5511
Joined: 3/14/2005
From: Living on the edge
Status: offline

 
RE: torn edges on pic - want background to show - 7/19/2006 18:54:44   
:)
/slaps self

Why didn't I spot that? :) I'm blaming the heat...:)

_____________________________

~~ "A cruel god ain't no god at all" ~~
:)

(in reply to jaybee)
dennis

 

Posts: 61
Joined: 12/20/2001
From: Camdenton MO USA
Status: offline

 
RE: torn edges on pic - want background to show - 7/19/2006 22:49:52   
Thank you Jaybee. Another day and I HAVE learned something. Your answer was dead on and resolved my problem. Thanks!

_____________________________

Everything that goes around, comes around.

(in reply to womble)
d a v e

 

Posts: 4071
Joined: 7/24/2002
From: England (but live in Finland now)
Status: online

 
RE: torn edges on pic - want background to show - 7/20/2006 1:37:18   
or save it as a jpeg with the same colour background as the area you're placing it, though with jpeg you may experience some slight shift in colour so it may not exactly match the area in which you put it

_____________________________

David Prescott
Gekko web design

(in reply to dennis)
dennis

 

Posts: 61
Joined: 12/20/2001
From: Camdenton MO USA
Status: offline

 
RE: torn edges on pic - want background to show - 7/20/2006 13:05:45   
I considered that Dave, and have done that before. Unfortunately, this time I'm using a background that is not a solid color, so I'd still end up with a square box around my pic.

_____________________________

Everything that goes around, comes around.

(in reply to d a v e)
d a v e

 

Posts: 4071
Joined: 7/24/2002
From: England (but live in Finland now)
Status: online

 
RE: torn edges on pic - want background to show - 7/20/2006 13:11:04   
ok :)

_____________________________

David Prescott
Gekko web design

(in reply to dennis)
dennis

 

Posts: 61
Joined: 12/20/2001
From: Camdenton MO USA
Status: offline

 
RE: torn edges on pic - want background to show - 7/20/2006 17:22:20   
sorry Dave if my answer sounded snippish - it wasn't meant to be. I posted my response largely thinking about someone else who might be reading this down the line and just wanted to point out that your answer works well if the background is a solid color, but there are still issues if it is a gradient/photo/texture. I greatly appreciate the time that you (and others) take to respond to questions like mine. They're what make this forum so great.

_____________________________

Everything that goes around, comes around.

(in reply to d a v e)
jaybee

 

Posts: 14144
Joined: 10/7/2003
From: Berkshire, UK
Status: offline

 
RE: torn edges on pic - want background to show - 7/20/2006 19:06:25   
Don't think Dave was upset. If he was, you wouldn't have got the smiley. Glad you got sorted.

_____________________________

If it ain't broke..... fix it until it is.
:)

:)
GAWDS
Now where did I put that Doctype?

(in reply to dennis)
d a v e

 

Posts: 4071
Joined: 7/24/2002
From: England (but live in Finland now)
Status: online

 
RE: torn edges on pic - want background to show - 7/21/2006 1:41:26   
nope i wasn't upset - just in a hurry to answer so my reply sounded a bit, well, short! :):):)

_____________________________

David Prescott
Gekko web design

(in reply to jaybee)
Page:   [1]

All Forums >> Web Design >> Web Graphics >> torn edges on pic - want background to show
Page: [1]
Jump to: 1





New Messages No New Messages
Hot Topic w/ New Messages Hot Topic w/o New Messages
Locked w/ New Messages Locked w/o New Messages
 Post New Thread
 Reply to Message
 Post New Poll
 Submit Vote
 Delete My Own Post
 Delete My Own Thread
 Rate Posts