Black stroke around image in Web Export

More specifically, I'm using the LightRoom Flash Gallery selection as that provides just the structure that I want/need. To match my website (still in construction) I've altered the colors in LightRoom's controls. Separately, I've added a frame around each image in Photoshop with a dropshadow that bleeds into the background color (again, to match the website).
The problem is that there is a 2 pixel stroke around the image.
Unfortunately since the image has a frame of its own with a drop shadow bleeding to the page color as part of the image, and that there's a 2 pixel stroke around the image, I've got a dropshadow contained within a stroke frame around the image that already has a frame. To my eyes it looks rather silly.
Is there anything I can do to get rid of this stroke? You can see two images with the problem here:
http://thecoynes.com/hdr/hdr_photographs/
By the way, before you suggest it, in the color palette options for this Web Export, there is an option for "Border." Unfortunately that is for the 1 pixel round-corner-rectangle border around the thumbnails and image. It doesn't do anything to *this* border. In addition, the structure of this web gallery is EXACTLY like the one in Bridge and has the exact same results and problems.
Thanks for any help,
Gary

Tomrock,
Please read the last paragraph where I start "By the way, before you suggest it..."
In other words, yup, I've tried that and it refers to the 1 pixel border around the thumbs and the overall image.
Thanks for suggesting anyway, I've spent way too much time on this already.
Gary

Similar Messages

CS4 Bridge - Black stroke around image in Web Gallery

More specifically, I'm using the LightRoom Flash Gallery selection as that provides just the structure that I want/need. To match my website (still in construction) I've altered the colors in Bridge's controls. Separately, I've added a frame around each image in Photoshop with a dropshadow that bleeds into the background color (again, to match the website).
The problem is that there is a 2 pixel stroke around the image.
Unfortunately since the image has a frame of its own with a drop shadow bleeding to the page color as part of the image, and that there's a 2 pixel stroke around the image, I've got a dropshadow contained within a stroke frame around the image that already has a frame. To my eyes it looks rather silly.
Is there anything I can do to get rid of this stroke? You can see two images with the problem here:
http://thecoynes.com/hdr/hdr_photographs/
By the way, before you suggest it, in the color palette options for this Web Export, there is an option for "Border." Unfortunately that is for the 1 pixel round-corner-rectangle border around the thumbnails and image. It doesn't do anything to *this* border. In addition, the structure of this web gallery is EXACTLY like the one in LightRoom and has the exact same results and problems.
Thanks for any help,
Gary

Tomrock,
Please read the last paragraph where I start "By the way, before you suggest it..."
In other words, yup, I've tried that and it refers to the 1 pixel border around the thumbs and the overall image.
Thanks for suggesting anyway, I've spent way too much time on this already.
Gary

How to remove black border around image files?

I'm something of a beginner with Photoshop, so forgive me if I've missed something entirely obvious: for some strange reason I'm now getting a black border around all image files that I save through the "Save for Web & Devices" panel. Does anyone know how I can save without creating this border? It looks rather unsightly when I load it into a client site. The file in question is a .png, but I seem to be getting the same effect with all other image files as well.
Thanks in advance,
Shane

One cause could be having the matte color set to something other than none.
Is that a png-8?
MTSTUNER

Thin black borders around image (keyline)

Hi,
Does anybody know how to put a thin black border around an image in elements 4?
Thanks

[email protected] wrote: > Hi, > Does anybody know how to put a thin black border around an image in elements 4? > > Thanks > I know a few ways to do this. (A) 1. Ctrl A to select the image 2.<Edit><Stroke (Outline) Selection.. 3. On the resulting Dialog set out the width, colour and location (Inside) 4. Click OK (B) 1. <Image><Resize><Canvas Size..> 2. Check the Relative CheckBox 3. Choose you Canvas Extension Colour (bottom of dialog) 4. Set the Anchor point to the Centre 5. Change Units to pixels 6. Set your pixel width 7. Click OK (C) 1. Ctrl A Selects all of image 2. <Select><Modify><Border..> 3. Choose a border width click ok 4. Leave Selection Active 5. <Layer><New Fill Layer><Solid Colour> then OK (or whichever way you are used to doing this) 6. Modify the Fill Layer for any colour Border you choose. Maurice

Code for stroke around images

I believe there is a code that will put a stroke around all
images on a site. Am I right? does anyone know what it is?

.oO(redstonegirl)
>I realize this is not a solution because the problem with
adding it to the
>style sheet is that it puts a border around
everything...including my spacer
>images.
Why are you using spacer images at all? With CSS they're
hardly ever
necessary.
>I can figure out how to put the border up
>
> <img src="gfx/x.jpg" width="168" height="105"
border="1"/>
>
> but I can't figure out how to change the color of the
stroke.
Forget that old 'border' attribute, it's deprecated and
doesn't even
come close to what you can do with CSS.
What images are we talking about anyway? Kind of a gallery or
something?
If you want to apply a border to a couple of images it's best
to apply a
class to the element that contains these images and use a
descendant
selector to style them. Something like:
<div class="gallery">
<img src="..." alt="...">
<img src="..." alt="...">
<img src="..." alt="...">
<img src="..." alt="...">
</div>
Then you can use a CSS like this:
.gallery img {border: 1px solid #000}
This would apply a thin black border to all images inside an
element of
the class "gallery".
Micha

ST2421L, black bars around image suddenly appeared

This is a real puzzler. Suddenly, for no apparent reason, my ST2421L monitor displayed black bars around the screen image (doesn't matter if it is the desktop or a browser or MS Word). Seriously, when I started work in the morning, everything was normal. I blinked and then there were black bars. I've done some searching at the support forums and one suggestion was to install something called AMD Catalyst Suite. When I tried to do that, it ran and then the dreaded blue screen appeared. Using control panel, I checked to see if Windows felt the drivers for the monitor were up to date and they were. I've also gone through the factory reset via the OSD, unplugged the monitor's power and its HDMI cable, etc. Any suggestions would be greatly appreciated. Thanks in advance!
John
Monitor Details:
CN-0TPDTP-74261-3AT-0W2U
Dell 570
Win 7 64 bit
ATI Radeon HD 4200 version 8.850.0.0 HDMI, VGA
HDMI to HDMI
HDMI
1080p
Purchased from Dell

Thank you, Chris. When I do that, I see the panel below. Note how it says the best driver is "win7_32_" When I attempt a download, I eventually see an error message saying I have a 64 bit system and that driver is the wrong one and the process aborts. Any ideas? And thanks!

Black frame around image icon during Web Start start up

Hi,
Sometimes I can see black frame (16 pixels) around my own icon during resource files downloading. My icon resolution is 32*32 pixels.
It appears like Web Start assignes size of the icon to 64*64 pixels and all space around my 32*32 icon is filled by black colour.
Playing with the width and height parameters. As a result it did not help.
Please, aslo see link below:
http://amikhailov74.googlepages.com/scr.JPG
<information>
 <title>MyApps</title>
 <vendor> MyApps</vendor>
 <description>MyApps</description>
 <description kind="short">MyApps</description>
 <homepage href="http://myhost/webstart/"/>
 <icon href="images/backup_icons/FTOicon_ftt.gif"/>
 <icon href="images/myicon.gif" width="32" height="32" />
</information>How can I fix problem with this black frame?
Thanks for your help.

Sonal wrote:
ClassLoader cl =Frame.class.getClassLoader();
Image programmIcon = new ImageIcon(cl.getResource("\colorandsize.jpg")).getImage();
Change that to something like..
ClassLoader cl =this.getClass().getClassLoader();
Image programmIcon = new ImageIcon(cl.getResource("/colorandsize.jpg")).getImage();
..There are changes to both lines.

Black outlines around images in pdfs from Indesign

I'm not sure if this is an Indesign problem or Acrobat. I have imported several photoshop files in which I have deleted the background around the figures. The background is transparent. When I make a pdf from Indesign, there is a black outline that appears, tracing the edge of the figures. Does anyone know what might cause this and how to fix. I have imported this kind of file many times with no problems.

Check if they're RGB in PS. I had this problem recently when exporting to PDF. It didn't show in ID file but showed in PDF. I converted to CMYK, relinked, and exported new PDF and the problem went away.

When I place a white background PSD on my Indesign file I get a black stroke around the edge?

The stroke only shows up when I save the file as a pdf as I zoom in the line gets smaller and smaller but never goes a away. In InDesign and on the PSD file the edges look fine just all white around the "horsefly" any help would be great. Thanks

I am completely out of topic, it seems that your text is in French, but there is a mistake: you should write Après, not Aprés

How can I print with black border around edge of image?

I'd like to add a black border around the edge of certain images I'm printing. I know it's fairly trivial in Lightroom, but I can't see where this option is in Aperture. Is this lacking in Aperture, or am I just missing it? Many thanks.
PS -- I'm aware there are some plug-ins that claim to do this, so if Aperture can't do this, please feel free to chime in with comments on the best plug-in for this task.

Rich Hayhurst wrote:
Here's what you need:
http://www.apple.com/downloads/macosx/aperture/apertureborderfx.html
Aperture BorderFX 1.1
Thanks, Rich. That's a good plug-in, and does cover what I need (with lots of other features, too). The problem, though, is it requires an export of the image, which I then have to either print from another application, or reimport to Aperture to print. I was hoping to find something that will either just apply the border to the print job, or that would serve as more of an Edit With . . . type of plug-in than an Export plug-in, so I can keep everything in one place. Thanks again.
Message was edited by: jeffd55

InDesign adding a white stroke around element in .EPS file after export

I am trying to place an .EPS file over another image file (background is not white). It does not matter in which manner I place, copy or insert the file. Upon export to high quality .pdf (both interactive and print), there appears to be a while halo or stroke around one element in the .EPS file. The .EPS file is a logo with a blue box and writing next to it. The writing is fine, but the blue box has the stroke… so it is not the entire file element. Very strange. I have never seen this before and someone else testing the file does not have the same issue. Any thoughts?

A screen shot would be helpful....

Black border around hotspots in Image map?

I have an image map in my HTML file that contains three
circular hotspots. When they're viewed in a browser, each one has a
black border around it after it's clicked on. I've seen other help
threads on the border problem talk about putting 'border:none" in
the IMG tag, but there's no IMG tag..it's an image map and border
is already set to "0". The code is below:
<map name="satelliteLinks">
<area shape="circle" coords="94,64,41" href="
http://gi.leica-geosystems.com/LGISub5x307x0.aspx"
target="_self" />
<area shape="circle" coords="297,51,48" href="
http://www.erdas.com/erdasCompanyNews.aspx"
target="_self" />
<area shape="circle" coords="517,59,43" href="
http://www.erdas.com"
target="_self" />
</map>
Any suggestions would be very helpful as my deadline to have
this complete is today!!

jgleica wrote:
> I have an image map in my HTML file that contains three
circular hotspots. When
> they're viewed in a browser, each one has a black border
around it after it's
> clicked on. I've seen other help threads on the border
problem talk about
> putting 'border:none" in the IMG tag, but there's no IMG
tag..it's an image map
> and border is already set to "0". The code is below:
> <map name="satelliteLinks">
> <area shape="circle" coords="94,64,41"
> href="
http://gi.leica-geosystems.com/LGISub5x307x0.aspx"
target="_self" />
> <area shape="circle" coords="297,51,48"
> href="
http://www.erdas.com/erdasCompanyNews.aspx"
target="_self" />
> <area shape="circle" coords="517,59,43" href="
http://www.erdas.com"
> target="_self" />
> </map>
>
> Any suggestions would be very helpful as my deadline to
have this complete is
> today!!
>
Thats the way the web works, its an accessibility feature, as
its how
you can tab around the page and see where the links are. Look
at any
website, click the link, and see what happens.
Steve

Black border around bg image

Hi I have given up on the random bg images for my client's site at www.carterbrands.com I have allocated an image per page. I am getting a black border around the image. I dimly remember that there is a way around this but I have forgotten what it is. Any help greatly appreciated.
Thanks in advance, Matt.

But... my layout grid is 1010 by 740.
I'm sure it is
However, your grid floats on a page that is whatever size your various viewers choose. Change your screen resolution, pull your browser window out wide or shrink it up small - a web page is fluid, flexible - and has NO fixed size.
We design for a particular width in pixels (some of us, not all the time) - in the hope that most of our target audience will see that fitting neatly on to their screen most of the time, but we have to accommodate people who make different choices.

I have these black boxes around all the images i add. why are they there and how do i get rid of them?

i have black boxes around all the images i bring into pages. why are they there and how can i get rid of them?

Pages rememebers the last setting you used on images.
So if you had a border on the last image the next one you bring in will have one too.
To change that select:
Inspector > Graphic > Stroke > None
Spend a little time exploring the menus and particularly the Toolbar and Inspectors whcih are in reasonably logical progression from big things down to smaller details and clearly labeled.
It is also possible that you have show Layout on which outlines objects on th screen so you can see what's what. To change that:
Menu > View > Hide Layout
Peter

I am using the old imovie HD on my old Mac laptop... it works fine, but when I export a video to YouTube there is a black frame around it.. how do i get rid of that? thanks!

I am using the old imovie HD on my old Mac laptop... it works fine, but when I export a video to YouTube there is a black frame around it.. how do i get rid of that? thanks!

Hi MyAppleID99,
You may want to check to make sure the clip hasn't been moved back and forth between wide screen and standard aspect ratios; sometimes a combination of letterboxing and pillarboxing can lead to a black frame "windowbox" when playing the final video. You may find the following article helpful:
Apple Support: What are Letterboxing, Pillarboxing and Windowboxing?
http://support.apple.com/kb/ht2320
Regards,
- Brenden

Black stroke around image in Web Export

Similar Messages

Maybe you are looking for