Red Border Around Image

Hi,
In Photoshop CS3 I'm creating a 5 x5 pixel image in a green color. On my canvas it shows it completely green. I then emboss it. Before and after I emboss it I look at the navigator window and I see this red border around the green image. After I save it as a PSD file and then bring it into Dreamweaver, I can see the red border when viewing in IE. I tried making the background and foreground green but still a red border. Am I missing something?
Thanks
Steve

You're confusing some things...
The red rectangle in the Navigator window has nothing to do with the content of your image. It shows you what part of your image you're looking at in the main window.
If you're saving your file an seeing the red border in the image, you have somehow saved the red color in the image, or the way you're using the image has put a border around it. For example, put in a web page a certain way a browser might put a border around the image to indicate that it's a link. I'm not familiar with DreamWeaver, but I suspect from what you're describing the red isn't really in the image.
Do you see the red in the image when you use an image viewer to view the file from within your folder?
Please post the image here (use the little camera icon just above where you type) and we'll let you know if we see any red.
-Noel

Similar Messages

Red Border Around Logo on PC browsers

There is a thin red border around the logo on the site I am creating. I am on a Mac and didn't notice this issue until I was troubleshooting on a PC. The red border only appears on PCs.
I viewed my site in Firefox, Safari, and Chrome on the mac. No red border.
I viewed the site in IE and Firefox on PCs. Red border.
Anybody know the issue? (I'm thinking it has something to do with the a link values because the color changes from red to blue after the image is clicked.)
http://www.jgraveslawyers.com
a:link {
text-decoration: none;
color: #900;
background: transparent;
a:visited {
text-decoration: none;
color: #006;
background: transparent;
a:hover {
text-decoration: none;
color: #F00;
background: transparent;
a:focus {
text-decoration: none;
color: #fff;
background: #6196BC;
a:active {
text-decoration: none;
color: #600;
background: transparent;

It doesn't have to do with that. You need to remove the border from that instance. Now you could use:
a img { border: none; }
But that would eliminate the borders from around all images. If you only want the one image to have no border around it you should just have to use the border: none attribute on the img tag (ie: style="border:none;" inside the <img> tag).

Border around image links

What the heck is it with a blue border around image links in
CS3???? I discovered I can get rid of it by setting the border to 0
in properties but what a pain. I also noticed tables have a 1
border by default. I'm sure there is a place to change the default
but I can't find it.
Any suggestions?
thanks,
CJ

On Fri, 1 Jun 2007 13:11:16 +0000 (UTC), "SeaJaye"
<[email protected]> wrote:
>Win,
>I like the way you think. For those of us who are cake
baking challenged, could you put up a recipe for said cake?
>thanks,
>cj
Sure. This set of stuff:
*zeroes out the margins and paddings
* guarantees a vertical scrollbar (so no jumping between
short and
long pages)
* establishes colours and fonts etc. for the tags I tend to
use
* gives me a way to float images left or right
* defines a tag that I can use to clear floats (the hr tag,
in this
case, since I never use an hr as a visual element: I always
define
borders when I need them)
* styles the form and form elements
I customize these to suit.
/* CSS Document */
margin: 0;
padding: 0;
html {
height: 100%;
margin: 0;
padding: 0;
body {
min-height: 101%;
font: 100.01%/130% "Trebuchet MS", Verdana, Helvetica,
sans-serif;
color: #000;
background: #4f865b url(../images/bgTexture.png) repeat;
margin: 0;
padding: 0;
hr {
height: 0;
line-height: 0.0;
font-size: 0;
margin: 0;
padding: 0;
clear: both;
visibility: hidden;
h1, h2, h3 {
font-size: 150%;
color: #4f865b;
margin: 20px;
font-weight: bold;
h2 {
font-size: 120%;
color: #cc6600;
h3 {
font-size: 100%;
color: #4f865b;
font-style: italic;
p {
font-size: 90%;
margin: 10px 20px;
ul {
margin: 10px 20px 10px 40px;
font-size: 90%;
a:link {
color: #cc6600;
a:visited {
color: #4f865b;
a:hover, a:active, a:focus {
color: #7dd08f;
.imgLeft {
border: 1px solid #dfdabd;
padding: 5px;
float: left;
margin-right: 10px;
.imgRight {
border: 1px solid #dfdabd;
padding: 5px;
float: right;
margin-left: 10px;
/***** CONTACT FORM STYLES *****/
#content form{
margin: 0;
width:450px;
#content fieldset{
border: 1px solid #d69400;
margin-bottom: 10px;
padding:5px 5px 20px 20px;
#content legend {
font-size: 120%;
margin: 12px 0 0 0;
color: #18006a;
#content textarea{
background-color: transparent;
border: 1px solid #18006a;
height:200px;
margin:0 30px 0 0;
#content label{
display:block;
font-size:80%;
padding-top:5px;
#content button{
background-color: #ecc97d;
display:block;
width:80px;
/* sets the enquiry box to the right of the input fields */
.labelfloat{
padding-top:20px;/* float:right;*/
#content input:text, #content select{
/*background-color: #E8E2C2;*/
background-color: transparent;
border: 1px solid #18006a;
display:block;
margin:0 0 0 0;
width:200px;
/* END FORM STYLES */
Win
Win Day, Wild Rose Websites
http://www.wildrosewebsites.com
[email protected]
Skype winifredday

Dynamic Border around image

hi there,
i have a main flash movie (main.fla) which has images placed
on the screen.
Each image has an invisible button placed on it.. (ie: the
button has only
the hitarea defined and no rollover, down etc.)
NOTE: that the images are different in sizes. hence they have
different
width and height.
I tried making a movieclip of 200 x 200 in size with a 1px
border around it
and dynamically making it adjust to the width and height of
the images. BUT
i seem to be hacing the following problem-
1) for images that are larger in size than the border
movieclip.. the border
tends to thicken.
2) for images that are smaller than the border movieclip..
the border tends
to get more thinner
Required-
OnRollover of an image.. it should have a border around it,
inorder to
highlite the selected image. Lets say, a 1px border and red
in color. How do
i achieve this?
Would really appreciate if someone would provide a simple
code to achieve
this as i am not used to programming.
Please help..
thanx

yep, thats cause when you stretch your mc the lines will
stretch with it.
if you are using flash 8, use the 9slice guides.
for the mc that contains your border go into the preferances,
and you will find a check box for the 9slice thingy (technical
term)
check that, then double click on the library symbel to edit
it.
you will find flash has drawn four dashed lines.
move these so that they mark the inward edge of your borders.
basically the area inside these guides stretches normally
the corners don't stretch
and the edges stretch either horizonally or vertically
for more info look in the help.
oh, and don't transform (rotate skew etc) your mc once on the
stage or you'll loose your slices...
best

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

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

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.

Border around image link?

Hello,
I created this HTML email and only in gmail there is a purple border around the header link? I have the border setup to O. It looks great in hotmail and outlook though. Do you know why this would happen?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Guardian Credit Union</title>
<style type="text/css">

</style>
</head>
<body>
<table width="625" border="0" cellspacing="0" cellpadding="0">
<tr>
    <td border="0"><a href="http://www.tellgcu.com/{{Purl}}"><img src="http://208.69.110.181/GCU_919743-site/images/emailHeader.jpg" alt="Urgent deadline regarding your debit/ATM card services. To keep the overdraft service you already have, we need to hear from you." /></a></td>
</tr>
<tr>
    <td><p class="style1">Dear {{CustomerName}},<br><br>In order to continue giving you the same Overdraft Services you are receiving today, we will need your permission by August 15th.</p>
      <p class="style1">Overdraft Services allow us to cover debit card purchases or ATM withdrawals for you when the transaction is more than your balance. </p>
    <p class="style1">You can choose to continue receiving that service, or to have the debit card purchase declined at the cash register. <a href="http://www.tellgcu.com/{{Purl}}">Click here to find out more!</a></p></td>
</tr>
<tr>
    <td><br><p class="style1">Sincerely,<br><br><br>Guardian Credit Union</p><br><br><br><font size="-2pt">You will be charged a paid item overdraft fee of $32 for each overdrawn item created by Debit Card purchases or ATM withdrawals. The amount of any overdraft item including our paid item overdraft fee of $32 shall be due and payable upon demand, but if no demand is made, no later than 30 calendar days after the creation of the overdraft. We may refuse to pay an overdraft item at any time even though we may have previously paid overdrafts for you. For example, we typically do not pay overdraft items if your account is not in good standing or if based upon our review of your account management, we determine that you have too many overdrafts or are using the service as a regular line of credit.</font></td></tr>
</table>
</body>
</html>
THanks,
Melanie

i know im a bit late on responding but i think what you need to do mshef534 is to put the code a img {border: 0px;} within the image ref itself i.e.
<a href="http://www.facebook.com/search/results.php?q=Samuel+Emerton&init=public#!/profile.php?id=1 00000235960932"target="_blank"><img src="facebook.png" width="43" height="43" a img {border: 0px;}/> and that should do it this worked for me happy htmling

Why do I have yellowish border around image shadows?

Why do I have a faint yellowish border around my images' shadows in a Keynote presentation?
Thanks,
Jayne

I actually took my mac to an Apple store for them to look at this problem.
Four people looked at it including a creative person, a genius and a few technical people.
To no avail... they had no resolution!
Does anybody out there have a solution??
Thanks.

Firefox wont put border around image

Hi
Ive created a intro page for my new blog
www.saltalamacchia.co.uk
The problem I am having is that in firefox it isnt putting
the containers border around the image.
All's fine in IE. I can get arount it by putting a footer div
in and making the image its background.
However thats not the way I want to do it.
Any ideas as to how I can correct this for firefox. ie an
image in a container while still maintaining the containers border
Thanks in advance
Carlo

Should work: wrap everying (content and footer) inside an
outer wrapper div
and place a border on that instead.
Nadia
Adobe® Community Expert : Dreamweaver
CSS Templates |Tutorials |SEO Articles
http://www.DreamweaverResources.com
~ Customisation Service Available ~
http://www.csstemplates.com.au
CSS Tutorials for Dreamweaver
http://www.adobe.com/devnet/dreamweaver/css.html
"Softpages" <[email protected]> wrote in
message
news:esfh01$dln$[email protected]..
> Hi
> Ive created a intro page for my new blog
> www.saltalamacchia.co.uk
> The problem I am having is that in firefox it isnt
putting the containers
> border around the image.
> All's fine in IE. I can get arount it by putting a
footer div in and
> making
> the image its background.
> However thats not the way I want to do it.
>
> Any ideas as to how I can correct this for firefox. ie
an image in a
> container while still maintaining the containers border
> Thanks in advance
> Carlo
>

Removing border around image with link

I know this is really basic but I can't find anywhere how to
avoid having a purple border around a linked image. Help
please!

Nope. Not if you want valid XHTML.
CSS does the trick -
a img { border:none; }
*and* you don't have to add it to each individual <img>
tag.
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
==================
"Dan.Smith" <[email protected]> wrote in
message
news:gn22if$i6k$[email protected]..
> border="0"
>
> <img src="myImage.jpg" alt="a" width="22" height="22"
border="0" />
>
> --
> Dan Smith > adobe community expert
> Flash Helps >
http://www.smithmediafusion.com/blog/?cat=11
> twitter:
http://twitter.com/dmode
>

Border around image

How do I take the border around the image away: http://marketingsource.businesscatalyst.com/lists/business?Preview=True
need help ASAP!

Hi there,
Your URL is lukily live but that preview link , so you know only works if your logged into your site...
http://marketingsource.businesscatalyst.com/lists/business
style.css line 256 has..
#content img, .imageborder
This element has a background of white, padding and box shadow. It is not actually a border.

Expand document window to always have Nice Gray border around image

Is there a command, or an Apple Script, or a hack of some sort (which I can assign to a function key) to EXPAND a document window so that I have a 100 pixel (or whatever) gray border around the image itself (not IN the image).
I am processing around 4,000 pictures, and it would save me hand-drag-enlarging Every Single Window, especially as I often miss the grow-tab in the lower-right edge of the window bezel...
Thanks!

"Just keep pressing the 'F' key..."
Yes, this is what I said above, and if you have multiple documents, it's a REAL PAIN.
Perhaps if the 'F' key had only two modes, instead of four, it would be acceptable.
As it is now, with multiple documents, the 'F' is just as bad as dragging the window enlarge tab.
I've been asking Adobe for this for at least five years now. Given that many tools are best used when started OUTSIDE the image, I cannot understand how they could ignore this request !
(Rant: Unless, of course, if user requests are treated internally as insults by Adobe. It sure feels that way)

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

Red Border Around Image

Similar Messages

Maybe you are looking for