Border on images

Hello
on PNG24 images with a link and a border to 0, when you click on it it happens on some Macintosh version of Firefox that appear a little red edging around the image

Are there particular sites where you see this problem? Maybe you could post a link for reference.
Is the image displayed at its natural full size, or is it resized or zoomed? If it is being resized or zoomed, Firefox might be doing a poor job interpolating the color at the border...

Similar Messages

How to add a border to image

I am a newby to Photoshop. All I want to do is add a
border to my image. Can't find a tutorial. Help?

Thank you. It looks very helpful.
Date: Mon, 27 Jun 2011 15:03:52 -0600
From: [email protected]
To: [email protected]
Subject: How to add a border to image
Here's a little video from Adobe TV that shows you how to create borders in Photoshop Elements. If you don't have Photoshop Elements, skip the first 1:25 of the video, the rest of the steps apply to Photoshop as well:
http://tv.adobe.com/watch/learn-photoshop-elements-9/creating-a-photo-borde/
>

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

May (HTML/HTML5) in a DIV element may have as border an image repeated along the border

May (HTML/HTML5) in a DIV element may have as border an image repeated along the border?

Browser do not support images for borders yet.
Use the CSS border properties.
Nancy O.

Border on image links

DW CS3
How can I get DWCS3 to stop automatically placing a border on
image links?
DWMX automatically assigned a border=0 to each image link but
CS3 leaves it
blank so that I have to manually add the zero.
Bobby Baxter
Daylilies, Videos, & Web Design
http://happymoosegardens.com
http://thegardensite.com

Thank you, that resolved the issue.
Bobby Baxter
Daylilies, Videos, & Web Design
http://happymoosegardens.com
http://thegardensite.com
"David Powers" <[email protected]> wrote in message
news:gqnub8$30a$[email protected]..
> Bobby Baxter wrote:
>> How can I get DWCS3 to stop automatically placing a
border on image
>> links?
>
> Create the following style rule:
>
> a img { border: none; }
>
>> DWMX automatically assigned a border=0 to each image
link but CS3 leaves
>> it blank so that I have to manually add the zero.
>
> It was dropped in CS3 because the border attribute on
images is
> deprecated, and also because the CSS rule is much more
efficient. It
> automatically applies to every image inside a link, as
long as the style
> sheet is attached to the page.
>
> --
> David Powers
> Adobe Community Expert, Dreamweaver
>
http://foundationphp.com

How to add a border around images posted to Facebook?

I am using LR 4.1, also usis PS CS5.
Anyone who uses Facebook to showcase image galleries knows that Facebook changes how images are displayed from time to time. One month it will be on a black background and the next on a white background. And then they put overlay's on top of your images and they change things around whenever they wish. There is not rock solid consistency from Facebook on how they display your images across devices or over time.
What I am trying to do is to add some consistency to how my images are displayed by adding my own border to my images. I need some ideas on how to best do this. The way that I have been doing it does not appear to be ideal and I think someone must have a better way.
Ideally, I would want Lightroom to add a border for me based on some setting under the export manager. But as far I know there is no setting to do this? (Why doesn't lightroom have any border options anywhere yet for anything it exports? This would be relatively simple I think.)
Here is the only way I know how to solve my issue.
First, my other considerations:
I want to keep my original images in my catalog in tact and as is w/o a border and with layers if it is a .psd file. I do NOT want to destructively add a border to the catalog images, only the images that end up on Facebook. I also want to add my watermark image to the final image so that it is done as the last step so that the bottom part of my watermark shows my web site address over the white border on the bottom of the image. Using a droplet and the watermark in the same step does not work properly because it applies the watermark before it runs the action, not after.
I have created an action to add a x pixel white border by:
Merging (flatten) all layers
Creating a new unlocked background "image" layer
Expanding the canvas by x pixels.
Creating a new white filled layer and moving it to the bottom of the layer's pallet.
Adding a 2 pixel black inside stroke to my image layer and adding a drop shadow.
I created a droplet from this action and put it in the droplet folder for LR.
Now for the repeated steps that I am going through...
Select the images that I want to write to Facebook.
Export these images to a new folder using the droplet.
Import the folder of all of these images back into Lightroom.
Move the new images with borders on them into the correct LR FB publish service.
Publish the photos using the sharpening and watermark settings.
Delete the .psd files created in Step #2
The steps that I would like to avoid are #2, #3, #6
Or maybe I am going about this all wrong? Anybody have any better ideas?

You may find it much easier to use the Migrify plug-in from Tim Armes/Photographers Toolbox which does what you want from within Lr.

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

Can't Get rid of border around images??

every time i drag and drop an image into my background in dreamweaver it creates two white lines around the border of the image to let me know the images place, how do I erase these white lines?
The image and the background are both black and the white lines detract from the simplicity of the elements used...

The border is in your image.
Here's a crop from Bridge with your image in the viewer and th background on black...
Martin

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

How to place a border on images?

My images' source are from bitmaps rather than file location. It is programmatically created and assign. Is there a way to add borders to this, probably something like:
image.borderWidth = 3;
I've tried using CSS skinning but have no succes to do so. Any help is greatly appreciated. Thanks

I think the best way to do that is to extend the Image component and give it some "borders" support.
Take a look at this post:
http://www.flexer.info/2008/06/10/how-to-make-an-image-with-border/

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 hyperlink border around image/auto forward

I made an image on a webpage into a hyperlink. However, I would like to remove the visual hyperlink border...the one that is blue before you visit it, and purple afterwards. How can I do this?
And on a related note, how can I set the hyperlink to automatically move to the linked page after a certain amount of time, say 10 seconds? Thanks in advance for your help.

I made an image on a webpage into a hyperlink. However, I would like to remove the visual hyperlink border...the one that is blue before you visit it, and purple afterwards. How can I do this?
Add this to your CSS -
a img { border:none; }
And on a related note, how can I set the hyperlink to automatically move to the linked page after a certain amount of time, say 10 seconds?
You'd have to have the onclick attribute of the anchor tag call a delaying javsacript routine that only releases after 10 seconds. It's bound to be confusing, though.

Need border around image specific size

I'm new to aperture and can't figure out how to do this. It was so easy in other less sophisticated programs on my PC. I'm really disappointed that I cant do this simple task.
I have images of my artwork that need to be sent as jpg files at 1920 x 1920 pixels. When the image is not square, which mine are not, the smaller sides need to be filled in with a black border to make to total image square. Can anyone help me figure out how to produce and export these images? Deadlines are approaching!!
iMac Mac OS X (10.4.10)

I guess I was under the impression that Aperture was the only photo editing program I would need. I don't have photoshop or any other editing program on my machine. If I did, I wouldn't have purchased Aperture, I would have just used the other program. I love my mac, but am a little disappointed that the program that I thought would do all my simple photo editing can't do what I need it to. On the PC I used the Draw or Paint program which was relatively inexpensive.

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

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

Border on images

Similar Messages

Maybe you are looking for