Thin white border around image in browser

In Firefox and Safari a thin white border appears around a
black image. My background is black so.....is it a matter of the
blacks being slightly different? I'd like the image to appear
seamless on the page. How can I fix this?
http://wall-eye.com/about.html
(it's the Walleye eye navigation image)
keith

Hi, Even when you assign 100% to width and height you will notice one black border around applet in case of IE5.0 When I go in to full srceen mode in IE 5.0 It should not show me scrollbars.
But because of this border scrollbar remains

Similar Messages

Can't get rid of white border around image

http://www.gunnar.ca/laminatepage2.htm
I created a rounded corner in photoshop for my table. I
created a cell in the bottom left corner of the table and placed
the gif. There is a thin whit border around the outer edge of the
gif, so it doesn't look genuinely rounded. Can anyone tell me how
to get rid of that so it looks like the table is actually rounded?
Thank you!

Because the table containing the GIF has a border. In your
styleA.css
stylesheet, the rule:
.border {
border: 1px solid #E5E5E5;
adds a border to the table. Delete the rule. Of course - that
may affect
other things that use the .border class. Or - delete the
class from the
table tag.
Several problems with the page:
styles.css cannot be found
sideNavStyles.css cannot be found
34 vaildation errors:
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.gunnar.ca%2Flaminatepage2.htm
Alec
Adobe Community Expert

Thin white border around graphic

I created a rectangular black box in photoshop and brought it into FCP as a PNG. When I lie it down to the timeline, a thin white border is created around it. I want it to be a clean edge of just black. Can someone please tell me why this is happening...
thanks

Most Photoshp people assume ink is being placed on a white paper background. In video, everything is transparent or over black. How you saved yoru image in PS will affect how it gets presented in FCP because of this inability of most PS wonks to understand video.
If you build your PS stuff on black, the pixels around the edges will not be white.
But this begs the bigger question, why would you build a black box in PS when you can do simple stuff like that directly in FCP or otion?
bogiesan

White border around images in Easy Rotator

I would like for there to be a small white border around my images when i put them into easy rotator. I really just want there to be about a 5 px space around them that is really just the background. I cant seem to find the right place in the code to make the div that holds the background color... which is white...to make it have like a 5 px padding..
or even make a 5 px margin around all images.
I even tried to place the border around my images when placing them in the rotator but the top still pushed all the way up and there was only the white space on the left right and obviously the bottom where the dots are that shows which number slide I am on.
Where in the code will I find this so I can manipulate it... thanks again for always helping
avery

Without a link, it's all guesswork.
Use Chrome or Firefox to preview your page. Right Click and select Inspect Elements. This should give you some idea of which CSS selectors are used by Easy Rotator.
Nancy O.

Problem with white border around images

Hey guys,
I'm new to the creative suite and have just finished running through all of the video tutorials, etc. I'm having a small problem which can be seen in the sample site I'm fooling around with here:
http://www.andrewedunn.com/gsd/
I'd like to get rid of the small white border around the "GS" logo. It is an illustrator document.
Basically I put the letters in place, converted them to paths (so I can resize it) and dropped it in my GoLive document as a smart object.
A google such suggested rasterizing, but I couldn't get it to work after fooling with it a little bit.
Further, if I wanted to add a drop shadow to it, how can I do it so that it is transparent on top of the background images in golive? The one time I tried it, the drop shadow was placed on top of a white background.
Any suggestions would be appreciated!

Are your background images always going to be displayed left-aligned on a black background and always the same size, so that the left half of the logo will always be over the photo and the right half will always be over the black? Or will the size or placement of the photos vary?
Are all of the photographs in approximately the same moderate tonal range, or will some be bright and some dark?
If the background will be consistently as you show it, you should be able to anti-alias your logo against a medium gray on the left and black on the right for acceptable results. If the background is more varied, you are not going to get good results with either GIF or JPG format.
See this related thread:
http://www.adobeforums.com/cgi-bin/webx/.3bc38b6e/3
> Further, if I wanted to add a drop shadow to it, how can I do it so that it is transparent on top of the background images in golive?
Only by exporting as a transparent PNG, but then older browers won't display it properly.
If you are really needing to have a logo that casts transparent drop shadows on top of a wide variety of images, you might consider going the Flash route, even though you aren't planning animation. Flash has very good transparency handling, and there are Flash player plugins that are compatible with browsers that won't display PNG images.

Removing white border around applet in browser?

Greetings All,
My applets are surrounded by a white border in Netscape and IE. Can I get rid of it so that the applet goes from edge to edge in the browser control? (Looks like default 5 pixel Hgap is in force, is this the case, and if so can it be overridden without access to the source code?)
TIA,
Dave.

Hi, Even when you assign 100% to width and height you will notice one black border around applet in case of IE5.0 When I go in to full srceen mode in IE 5.0 It should not show me scrollbars.
But because of this border scrollbar remains

Thin white line around image

Using CS3 with Vista. I have a postcard that has a background image on the bottom layer, another (overlapping) image in the next layer, and type on the top layer. The image on the middle layer is showing very minor white edges (stitching (?) I guess) around parts of it. It also printed with this same slight, white jagged edge. This middle image has an effective resolution of 300 ppi. I read in Knowledgebase about turning off anti-aliasing but when I do it still shows this white edge on screen and the type seems to marginally get slightly jagged. It was so minor that the client was fine with it but I am curious as to what was causing it and if it's something I can remedy in the future.
Any thoughts would be appreciated. Thanks.
Gordon

Gordon has sent me his original files, and there are a couple of issues.
The first is with the background image, a 400 x 400 pixel jpeg that's been stretched to fit the rectangular sahpe, and then made 50% opaque. The effective resolution is 97 x 60 ppi, which as a ghosted background is probably marginally usable, particularly if printed on digital equipment, but is hardly optimal. I'd personally do the opacity reduction in Photoshop and save a new flattened version as a .psd for use in a background because it reduces the complexity of the file, but there's no rule that says one must do things that way. I simply prefer to use transparency only when it is required to achieve the effect.
The larger issue is with the middle image, which is a transparent .gif of a glass with a margarita. This is 1238 x 1667 pixels and has an effective resolution of 349 ppi, more than adequate for print, but it looks to me as if it was up-sampled at some point from a web image (not unlikely since it's a .gif) as the image is made of obvious square blocks that look like the original index color pixels -- a classic example of why you can't simply take a small image and upsample for print. Around the stem of the glass are a large number of white pixels left behind when the image was removed from its original background, which are showing as the faint white lines he described. These pixels could be removed using a detect edges clipping path in ID, but doing so leaves a very jagged edge. A drawn path in Photoshop is much cleaner, but the pixels in the rest of the image are still readily apparent and the image probably isn't really worth the effort to repair if a better quality can be found to begin with.

DW8-Fine white line around images

DW8 - On some of my images there is a very fine white line
around the edge when the site is previewed in the browser. The site
has an almost-black background color (181714), and I use the same
color in making the image backgrounds (in Photoshop CS), for
example roll-over images. How do I get rid of this?

You wouldn't set this in the Property inspector, you'd set it
in the CSS,
and the only time you need it would be when the image is
within a link:
a img { border:none; }
Also, you wouldn't expect this effect to produce a white
border - it would
be a blue one (by default).
I'm guessing the fine white line is part of the image (it's
easy to
undercrop when the canvas is white).
> I've noticed
> that in tables, having nothing there is "bigger" than
specifying a zero.
If you have nothing there, you will get the default value for
the all of the
table attributes, which is often (but not always) not zero.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"Damaeus" <[email protected]> wrote in
message
news:[email protected]..
> Reading from news:macromedia.dreamweaver,
> "Fugasi" <[email protected]> posted:
>
>> DW8 - On some of my images there is a very fine
white line around the
>> edge when
>> the site is previewed in the browser. The site has
an almost-black
>> background
>> color (181714), and I use the same color in making
the image backgrounds
>> (in
>> Photoshop CS), for example roll-over images. How do
I get rid of this?
>
> Check to make sure that your image border is zero in the
Properties
> Inspector in Dreamweaver for the specific image in
question. I've noticed
> that in tables, having nothing there is "bigger" than
specifying a zero.
> I
> don't think I get a white border around images with
nothing in the image
> border width setting, but see if that works?
>
> Damaeus

White Border Around Flash in Dreamweaver

When I insert my Flash file (.swf) into my Dreamweaver page,
Dreamweaver inserts a thin white border around the flash video. I
have tried several potential solutions I have seen but none of them
seem to solve the problem. Looking for suggestions!

Which browser ?
"CreateGood" <[email protected]> wrote in
message
news:fvn8uh$mj2$[email protected]..
> When I insert my Flash file (.swf) into my Dreamweaver
page, Dreamweaver
> inserts a thin white border around the flash video. I
have tried several
> potential solutions I have seen but none of them seem to
solve the
> problem.
> Looking for suggestions!
>

How can I create a white border around figures that are in an image? (CS 6; examples+image included)

Hi,
I have CS6 and am wondering how to create a white ("comic style"?) border around figures in an image, as in the examples below. I don't wish to include the black shadow of the border, just the white part.
Examples:
Here's the image I'd like to alter, making a white border around the outline of all five figures:
I researched for quite a while but could find no instructions. It would be very much appreciated if someone knows and would be kind enough to share the technique! Thank you.

If you make the image a layer (opposed to Background)...
You could Select the blue with the Magic Wand as Semaphoric says, then fill with white. Then choose Select - Modify Selection - Contract, and mask or delete the remaining pixels. The Contract operation will give you a nice border the size you choose.
For extra credit, you could use Refine Edge to make the selection more accurate.
Click to see the image against a dark background.
-Noel

White Border Around Template Images

I recently created a "page layout" document from a template. This is my first attempt to use a template and it was all going well. Until I hit "print." When I print the document, the images that were already part of the template are printing with a white border around them. It looks fine in Pages and when I go to Print Preview, but it comes off the printer looking funny. What's the deal?

Thanks for the clarification. I had a hard time selecting that white border around the photos. I couldn't even figure out what it was for awhile. I think the printing problem is related to that white border which is an image, photoBG_triple.png, that is behind the photos & their masks & on top of the lined paper image, notepaper.png. I think all that layering looks nice on screen or PDF, but could be a printing nightmare. How does it look funny? And what kind of printer are you using?

Getting rid of white border around photos when using iphoto to iweb

Hi there,
Am creating web pages in iweb and importing photos from iphoto. Can anyone tell me how to get rid of the white border around my photos (image frame)? Hoping to enhance some of the templates with my own images. I also have photoshop elements and have been having the same problem there. Sure appreciate. Kim Strouble

Welcome to the Apple Discussions. The link to the site is broken. There is a fix for some of the strange goings on since the MobileMe conversion. See Wyodor's post in this thread: http://discussions.apple.com/thread.jspa?threadID=1605665&tstart=0. After applying the fix to iWeb I found I might have to republish a second time, occasionally a third and make sure I cleared my browser's cache.
If you're using Firefox 3 that's a different solution that can be found here: http://discussions.apple.com/message.jspa?messageID=7486799#7486799
TIP: For insurance against the iPhoto database corruption that many users have experienced I recommend making a backup copy of the Library6.iPhoto (iPhoto.Library for iPhoto 5 and earlier) database file and keep it current. If problems crop up where iPhoto suddenly can't see any photos or thinks there are no photos in the library, replacing the working Library6.iPhoto file with the backup will often get the library back. By keeping it current I mean backup after each import and/or any serious editing or work on books, slideshows, calendars, cards, etc. That insures that if a problem pops up and you do need to replace the database file, you'll retain all those efforts. It doesn't take long to make the backup and it's good insurance.
I've created an Automator workflow application (requires Tiger or later), iPhoto dB File Backup, that will copy the selected Library6.iPhoto file from your iPhoto Library folder to the Pictures folder, replacing any previous version of it. It's compatible with iPhoto 6 and 7 libraries and Tiger and Leopard. iPhoto does not have to be closed to run the application, just idle. You can download it at Toad's Cellar. Be sure to read the Read Me pdf file.
Note: There now an Automator backup application for iPhoto 5 that will work with Tiger or Leopard.

Unwanted white border around a div

I placed a div that I am using for a background. Before I add an image I am testing it out by giving it a blue background. I have the width and height set to 100% and left to 0px and top to 0px. When I test it in a browser (IE 8) or view it in Design view it has a white border around it. There is no border setting or margin setting. Is there some preference setting in Dreamweaver that makes this aproximately 10px border? If so how do I get rid of it?

Thank you both - that helped to clear up some of the issues but others remain. I'm assuming I can keep the dialogue going but will start a new thread if that is required.
I uploaded the page and css files to my server. The page file is http://www.wlvs.com/untitled-1.html and the css file is http://www.wlvs.com/test.css I ame using these file to try out styles. The background div (backgnd) will ultimately be an image but for now I'm just using a color. The "wraper" has an image that I gave a padding to at the top and bottom and for some reason it is showing a dark blue color. - I thought it would allow the background color to show through - shouldn't it??
The other issue is centering the logo in the "header". I suppose I could use <center> but I am trying to figure out what is the css code for doing it. Nothing seems to work. I was able to center the "wraper" image but could not do the logo.
Any help would be much appreciated...

Help!! White line around image with placed in Illustrator from Photoshop, possible CMYK issue?

I have a CMYK file, outlined product, that looks perfect in Photoshop. When I place the image into Illustrator, it shows up with a thin white line around parts of the product (fyi - it shows up on a print as well). I have tried to place an RGB file and it does not have the white line around the product. I assume it has something to do with it being CMYK, but I'm at a loss on how to fix this. I'm desperate for any help.

Okay, please refer this image and change the option within Ai General preferences. Uncheck the option Anti-Aliased artwork.

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

Thin white border around image in browser

Similar Messages

Maybe you are looking for