Unwanted Borders on Image Links

I have eight image links on this page. They work well.
What I don't understand is that I see a colored border that I
do NOT want around each when viewing the page using DW8.0.1 Design
view; in FF:Mac; and IE:Win. When viewing in Safari on my Mac, no
borders!
Can someone please tell me how to prevent these unwanted
borders? Thanks.
Warren
http://www.chapelinthepines.org/jesusFilm.html
http://www.chapelinthepines.org/3col_leftnav.css

.oO(wcamp)
>I have eight image links on this page. They work well.
>
> What I don't understand is that I see a colored border
that I do NOT want
>around each when viewing the page using DW8.0.1 Design
view; in FF:Mac; and
>IE:Win. When viewing in Safari on my Mac, no borders!
It's a browser default. Some will show it, some won't.
> Can someone please tell me how to prevent these unwanted
borders?
Simply add this to your stylesheet:
a img {border: none}
Micha

Similar Messages

Get rid of blue borders around images in links

When you use an image as a link, a blue border surrounds the image like this:
This is because since Dreamweaver CS3, Dreamweaver no longer inserts border="0" in the image (<img>) tag. Although some people will tell you to set the image border to zero in the Property inspector, this is NOT the correct way to do it. Use CSS instead.
Create the following style rule, either in a <style> block in the <head> of the page, or preferably in an external style sheet:
a img { border: none; }
This automatically removes the blue border from ALL images that are used as links. If you use an external style sheet, and link it to all the pages in your site, the same rule affects every image link in your site. This is much more efficient than adding zero to the border property in each individual image.

I must have been on the wrong page when I looked initially.
@JohnJohnJohn,
If you ever want to have a search engine index your site (so people can find you using Google and the like) you need to seriously reconsider what you're doing. Since your pages consist of a single image that is then mapped, there's nothing for the search engines to index in any meaningful way. Search engines rely on relevant, keyword rich, html text to give your site any kind of position in a viewer's search results. As far as the search engines are concerned, right now, your pages are blank.
Also, as it stands now, anyone with a screen reader will get what amounts to a blank page, even if they do happen across your site somehow.
Finally, the mailto links you are using won't do anything when clicked for any user who relies on browser based email clients (gmail, yahoo, hotmail, etc) because the mailto link activates email clients installed on the actual computer. If someone viewing your site without something like Outlook installed, clicking your mailto link does nothing. It's much, much better to use a form to email script (usually available from your hosting provider) to allow users to contact you no matter how their email is set up.

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

Trouble with flash and image links

Hi
I have been using Dreamweaver for a while, but only for simple websites.
I have now started on a new site, using a template based on css, with two sidebars. I am new to using css, and are "learning by doing"
I wanted to use flash to make navigation buttons in the sidebar to the left, but when I put the flash into the box on the template it does not appear on the page in my browser, or it shows as a white field. So I moved the flash-file to the main part of the page, and it appears there. I have also attached links to the single buttons in the flash,when I made the flash-file, but they do not seem to work at all when I publish the site.
I gave up the project of using flash buttons as navigation and tried to use images instead in the sidebar. The problem then was that I get the blue borders around the linked images. I have found the solution to that of this forum, but as being new to the whole css thing I do understand how I can apply a rule, and where to do it.
My site is here: www.zookjempen.no/test
Here you can see my flash buttons in the middle of the page, but nothing happens when they are clicked. Originally I wanted these buttons on the left, where the white rectangle is, which is the same flashfile.
Could someone please try to explain to me why I get the white field instead of the buttons, and what I need to do to get the buttons to work when clicked?
As I said I am pretty new to css, so plain english would be great.
Thank you.

Thanks. I was thinking of doing screen captures and showing those. But, I fixed the problem.
Maybe it was my particular case, but it was sure screwed up. By recreating the Home page with the links at the top, checking to make sure it was OK, and then duplicating that page for remaining pages, I solved the problem.
Interesting though, even though my "Gallery" page was long ago deleted, if I change the name of a current page back to "Gallery", it gets screwed up again. (This, even though the page is working fine prior to the name change.) That's either my defective site or an iWeb bug.

Image links creates border?

When I attach links to images I get a border around entire image. I've checked and there is no border being applied. Is there a way to eliminate the border when you have an image being used as a link?

Does this FAQ answer your question?
Get rid of blue borders around images in links
http://forums.adobe.com/thread/417110

Border Issue w/ Image Links

I have been trying to get the borders that I put around
images that are linked to show up black instead of the typical
blue/purple combo. I've used CSS to get this effect, and it works
great in Firefox, Safari, and Netscape, but won't work at all in
Internet Explorer. How can I get it to work in IE? The page in
question is:
http://www.dehoneytravel.com/travel_tools/furtherpreparation.htm
My CSS code for the links is here:
http://www.dehoneytravel.com/css/common.css
The link style is the ".picslink" at the bottom of the code.
My next question is how to have both an image link and a text
link? An example would be on the main page, www.dehoneytravel.com.
Under the featured tours heading, I've got an image link and then
at the end of the paragraph, a text link.
Thanks!

did you try searching the forum for image link color?
image
link color

[FM11] Print Image Link and Index Markers with specific Character Style

Hello,
I'm new with scripting for Framemaker. I want to export FM docs to RTF so I can import these into InDesign. For the placed images I want to insert a text line that is showing the image link (reference). Besides that I want to show the Index Markers at the mark insertion position with a different Character Style. Can someone help me with that?
Regards, Sjoerd

Hello Sjoerd,
One note about your method to retrieve all linked graphics: this will also process the graphics that might be linked into the master and reference pages. Just to be safe against unwanted side effects you should restrict your list of graphics to the ones in the main flow of your document.
About the tLoc: you are really looking for the anchor of the anchored frame that contains graphic. It is a little confusing that FM calls both the anchored frame and the imported graphic by the same name. Even if you add an anchored frame to the text to put an equation or a text box in your document, the anchored frame will show up in the linked list of graphics in the document. If you do have an anchored frame containing an imported graphic file, you have a list of graphic objects inside the anchored frame, which itself appears in the list of graphic objects of the document.
This function should do what you want to do:
function ListGraphics(doc)
          var aframe = doc.FirstGraphicInDoc;
     while (aframe.ObjectValid()) {
         if (aframe.constructor.name == "AFrame") {
                                        graphic = aframe.FirstGraphicInFrame;
             if ( graphic.type == Constants.FO_Inset )
                                             doc.AddText ( aframe.TextLoc, graphic.InsetFile );
         aframe = aframe.NextGraphicInDoc;
I assume you will also want to remove the anchored frames (the imported image files) from the text. This can be done in the same routine, but you must first catch the following element in the linked list of graphics in the doc before you can delete the current one. Otherwise you will only remove the first and end up with an invalid object. The easiest and safest method to do this is to create an array of elements to be deleted. After ending the while loop, you delete those objects. The full code looks like this:
function ListGraphics(doc)
          var toDelete = [];
          var aframe = doc.FirstGraphicInDoc;
     while (aframe.ObjectValid()) {
         if (aframe.constructor.name == "AFrame") {
                                        graphic = aframe.FirstGraphicInFrame;
                                        if ( graphic.type == Constants.FO_Inset ) {
                                                       doc.AddText ( aframe.TextLoc, graphic.InsetFile );
                                                       toDelete.push ( aframe );
       aframe = aframe.NextGraphicInDoc;
          for ( i = 0; i < toDelete.length; i++ ) {
                         toDelete[i].Delete();
This works on a small test file I created. If you need more support, feel free to contact me: jang at jang dot nl

In an eMail message, when I attempt to save two photos by clicking the 'Save 2 Images' link, not the 'Save Image' link, the images are not saved. (I use I I apologize for the late notice, butOS7 on IPhone5). Is this feature broken?

In an eMail message, when I attempt to save two photos by clicking the 'Save 2 Images' link, not the 'Save Image' link, the images are not saved. (I use I I apologize for the late notice, butOS7 on IPhone5). Is this feature broken?

Please don't post the same question multiple times!

One more reason to put my iMAC at the curb. I can open and view Picasa photo links when I sign in via Google, but if I'm in Mail and click on the Picasa image link (my own or one someone esle sends me I can't view the images. Thye are all blank white squa

One more reason to put my iMAC at the curb. I can open and view Picasa photo links when I sign in via Google, but if I'm in Mail and click on the Picasa image link (my own or one someone else sends me) I can't view the images. They are all blank white squares. This started a few weeks ago. Why can't I view Picasa link images through Mail?

What you are experiencing is 100% related to Malware.
Sometimes a problem with Firefox may be a result of malware installed on your computer, that you may not be aware of.
You can try these free programs to scan for malware, which work with your existing antivirus software:
* [http://www.microsoft.com/security/scanner/default.aspx Microsoft Safety Scanner]
* [http://www.malwarebytes.org/products/malwarebytes_free/ MalwareBytes' Anti-Malware]
* [http://support.kaspersky.com/faq/?qid=208283363 TDSSKiller - AntiRootkit Utility]
* [http://www.surfright.nl/en/hitmanpro/ Hitman Pro]
* [http://www.eset.com/us/online-scanner/ ESET Online Scanner]
[http://windows.microsoft.com/MSE Microsoft Security Essentials] is a good permanent antivirus for Windows 7/Vista/XP if you don't already have one.
Further information can be found in the [[Troubleshoot Firefox issues caused by malware]] article.
Did this fix your problems? Please report back to us!

Image Links "Page" is OV or and I can't delete them

I'm using InDesign CS4 on Windows XP Pro. We have several documents within a book file in which some of the image links have page numbers OV and < >. I know the OV means overset text, but I'm not sure what the < > means. I know it has something to do with XML. That's not the problem.
The problem is: How do I delete these links (images)? Obviously, the images are no longer in the document but I can't figure out how to delete them from the links palette and, therefore, from the document. I've looked in the Structure panel, but I can't see a corelation.The document still prints fine, and I can create a PDF without a problem, but I'd like to clean-up the files.
Any suggestions?
Thanks,
Lloyd Lathrop

I find this is a problem often occurs when using xml (if the document has ever been populated using a data publishing tool such as XMPie/EasyCat/Stibo etc you can get residue xml lingering).
To get rid of it open the Structure View: View/Structure/Show Structure or Alt-Apple-1 (sometimes the menu option isn't there depending on which menu set you have selected).
You will see the xml panel open on the left with something akin to a folder structure. Open these up until you find a reference to the offending image link and delete it (it will give you an option to untag or delete - i think either will do in this instance).

Set image link to a file which not yet exists

Hi to all,
I'm working with InDesignCS2 on Mac and Windows.
Is it possible to set an image link to a file which does not exists yet.
I have document with some JPG files in low resolution.
Later, if the document layout is finished, I want to
change the image links of the document to corresponding PSD files.
E.g.
The document is layouted with the imges image1.jpg, image2.jpg, image3.jpg.
Now a want to change the links to corresponding PSD files image1.psd, image2.psd, image3.psd.
BUT: the PSD file do no exist on the current working place.
The images image1.psd, image2.psd, image3.psd exist on a destination working place.
The document with the missing PSD links will be copied to the destination working place,
in the some folder where the PSD file are placed.
If I open the document on the destination working place the links set on the first
working place should be satisfied now.
Now it should be possible to print the document with the hires PSD images.
My question:
How can I set a link to an image which does not exist yet?
The name, the path and the format are known.
Please let me know, if you have an idea how to do that.
Thanks.

I might be proven wrong but I don't think you can link to a picture file that's missing.
That would be an interesting feature actually - but probably too smart.
What you could do instead is to use a dummy picture file to be replaced later in your production workflow.
Something I did a long time ago was to create a text frame with the full path written in there.
Then I was making a snapshot of this text frame.
Then I was replacing the text frame by a picture frame - same size, position, etc.
Then I was placing the snapshot within this picture frame...
At the end I had a link to a temporary picture file that was displaying its full path to the layout artist - providing a valid link to a real picture, to be switched to the real one later in my customer production workflow.
This is a classical case actually - and I'm sure there is dozens of solutions implemented out there . . .
HTH
Best regards
Patrick Perroud

Has anyone had the error "The file could not be read due to an error" when selecting ignore or replace image links. The linked images are in Dropbox if that helps.

I am working on a Mac 10.9.5 with Adobe CS6. My files are locally in Dropbox but once we moved files to network and tried opening the AI - the file would not recognize the original folder location. I tried ignoring the missing images but then I receive the error - The file could not be read due to an error." The same error happens when I try replacing the first missing image. I know the problem lies in the images are linked back to my Dropbox but the AI file doesn't care since it won't let me replace or ignore the image links.

Jasion,
Maybe a bit beside the question, but it is always recommended here to open/save from/to own hard disk, and to copy from/to networks and removable media. You may be lucky, at least for a while, but it is better to be safe than sorry.
In addition to the (far greater) risk of file corruption, some issues are mentioned here:
http://helpx.adobe.com/illustrator/kb/illustrator-support-networks-removable-media.html

How can I make an image link to a movie?

I noticed something really awesome in the free Biology textbook on iBooks, and I wanted to try to recreate it in iBooks author, however I cant quite seem how to figure out how it was done. In the Biology book, there is an image of a gentleman on page 8 that has a play button on it. Upon clicking that image, a video plays and opens up full screen. I originally though this was done using the Hyperlink inspector and making the image LINK to play a video, however upon further review I noticed that you cannot LINK an image to anything. My next thought was maybe that it was an HTML widget of some sort, but most HTML widgets, when pinched are separate from the page, where as this acts more like how an image acts on a page and doesnt really the move. So does anyone have any ideas on how this was done? I really like the idea of having a masked image be interactive and turned into a video.
Any ideas?
-Mike

If the folder is outside the Muse page, you will have to insert manual HTML to define a more complex URL like e.g. ../_stuff for going one level up and then into a folder called "_stuff" The deeper you are in the hierarchy, the more ../ you will have to add to climb up.
Mylenium

Converting image links from Word to PDF

If I insert a picture into a Word file (Insert/Picture From File), select the picture and Insert/Hyperlink and then Convert to Adobe PDF, the hyperlink is still active in the pdf file as expected (Add Links is checked in the conversion settings).
However, if I do the same but apply any layout options to the picture before attaching the hyperlink (e.g. Format Picture/Layout/Square text wrapping), Convert to PDF does not convert the link into the pdf file and the image appears as if no link had ever been set.
Does anybody know of a solution to this problem? Or is Acrobat 9 any better? I am curently using Word 2000 and Acrobat 6 running on XP

Thanks for the reply.
I have already inserted the links within the pdf, so I do have a working document. It is only a draft, though, and any subsequent editing requires going back to the original Word document, editing and converting again to pdf and then re-establishing the links - with over 30 images (linked to pre-exixting pdf documents) this last step is both tedious and error-prone! Thanks for the warning re Acrobat 9 and Word 2000. I had been thinking of upgrading ...
Mike

CS3: PDF-Export Transparency Issue when Image-Links are missing

I have a Layout with a transparent Frame on the top most Layer. For this Workflow-Step I do not have access to the original Image-Links, so I guess that all I see are the embedded Preview-Pictures and InDesign reports that all Object-Links are missing.
If I export this Layout as JPG, the resulting JPG looks like the WYSIWYG in InDesign, which is suitable for this workflow-step. However when I export as pdf, the Frame is not transparent anymore. Instead it is filled with white color and covers the rest of the Layout. In Adobe Reader I can actually select the wrongly covered Picture at the border of the frame and copy&paste it somewhere and it looks fine.
When I provide the original Frame-Picture and repair the missing Link in InDesign, PDF-Export works fine.
I have installed & updated InDesign on a new Mac OS X 10.4.11, so all settings should be default.
Transparency Blend Space is set to CMYK. I tried all default PDF-Export Profiles and tried a lot of different settings in the pdf-export dialogue including different PDF-File-Versions, Simulate Overprint on/off, Color-Conversion disabled, disabling Picture-Compression and much more. I also tried to Print a PS-File and then use the Distiller: same result.
I use Adobe InDesign CS3 V 5.0.2 and tried Adobe Reader 8.1.2 and Adobe Acrobat Pro 8 to display.
Any Ideas?

Transparency flattening REQUIRES having access to the high-resolution images to get good results. One of the slogans I teach printers is "Fatten before you flatten." Meaning, replace the low-res images with high-res images.

Unwanted Borders on Image Links

Similar Messages

Maybe you are looking for