Linked image border

This is small but irritating issue. Ever since upgrading to
CS3,
whenever I add a link to an image Dreamweaver puts the blue
border
around it. I have to manually set the border to 0 in the
properties to
get rid of it. Like I say it's no big thing but just another
step I have
to do. I cannot find anything in preferences that would have
a no border
rule for linked images. In MX2004 there this was never an
issue, if you
wanted the border you had to manually set it.
Any ideas?
Thanks.
Fred

>>Ever since upgrading to CS3,
> whenever I add a link to an image Dreamweaver puts the
blue border around
> it.
Dreamweaver is actually not doing anything. What you're
seeing is normal
behaviour for linked images in some browsers such as IE when
no border
property is specified in CSS or HTML.
>> In MX2004 there this was never an issue,
That's because MX2004 used to automatically insert border="0"
as an HTML
attribute in the <img> tag as soon as you added a link
to the image (check
for "0" being inserted in the border field in the Property
Inspector next
time you use MX 2004).
DW is moving users ever more towards CSS-only formatting and
is dropping
HTML formatting of all kinds, which includes border="0" on
linked images.
To solve the issue with CS3, just add the line "a img
(border: 0; }" to an
external stylesheet which is linked to all pages in your
site. This will
tell all browsers to apply a zero border to any image inside
an <a> tag i.e.
all linked images
Regards
John Waller

Similar Messages

  • Linked Image Border Problems

    This just started happening, and I can't figure out how or
    how to fix it. When I open up a blank HTML page, insert an image,
    then add a link to the image, DW automatically inserts a solid
    border around the image. The border property is blank, where it
    used to default to 0. I can manually change the border to 0 and it
    gets rid of the border...but this is a pain to do for every single
    linked image! Does anyone know what the problem is or how to fix
    it? It used to automatically default to 0. I am using the latest DW
    included with CS3.

    > When I open up a blank HTML page, insert an image, then
    add a link to the
    > image, DW
    > automatically inserts a solid border around the image.
    This is actually default browser behaviour which DW is
    emulating with the
    code it's been given.
    >The border property is
    > blank, where it used to default to 0. I can manually
    change the border to
    > 0 and
    > it gets rid of the border...but this is a pain to do for
    every single
    > linked
    > image!
    Pre-CS3, DW automatically inserted the border="0" attribute
    into the <img>
    tag on every single linked image.
    From CS3 onwards, Adobe is dropping HTML formatting
    attributes and
    encouraging everyone to use CSS.
    >Does anyone know what the problem is or how to fix it? It
    used to
    > automatically default to 0. I am using the latest DW
    included with CS3.
    The CSS fix is much easier than the previous default to
    border="0"
    behaviour.
    Just add "a img ( border: none; }" (without the quotes) to
    your external
    linked stylesheet.
    Regards
    John Waller

  • Linked Image with border on hover

    I have a page of tiled image that link to project pages on the website. My boss found a website that he likes how the images appear when you hover over them with the mouse. I know of a way to do this, but I'm not sure what the best way would be: 1) create a rollover image that has the first image without a border, and the second image with a border... this seems like it would take the longest but give me the look I want because there are 55 little images. I have been trying to figure out how to apply the border for a linked image thru a CSS style, but the only thing it will give me is a border that appears all of the time (not just on hover). I'm wondering if there would be a quicker way to do this. Here is a link to the page that I would like to apply the style to: http://stateline7.com/index_files/Page532.htm , and here is the page that my boss liked the appearance of: http://holmes.zenfolio.com/

    a img { border:1px solid white; }
    a:hover img { border:1px solid green; }
    Assuming your background color is white, this will give you a green border on hover with no change in the image's effective size due to the appearance of the border.

  • Can't change a linked image???

    I have a lot left to learn in Dreamweaver but linking images I've done alot, I hope someone can help me on what I'm doing wrong.  The linked image won't let me change links.  Here is the home page http://kmmcement.com/.  The bottom right picture under click to view slideshow is linked to slideshow.html.  I changed the slideshow and named the new one ss.html.  When I right click the picture and choose Change Link and select my new ss.html, it does not change it in the code.  I tried manually to change it in the code and publish, but the new page won't load up (although when I preview the page, it loads fine.)
    The only thing I've done differently on this site is that I finally learned to get the bottom navigation links to work without looking jumpy and jittery when clicking or rolling over them, by going to Modify - Page Properties and choosing links and set them up there (basic that I should've learned awhile ago).  I didn't do the navigation bar until last, so would that have anything to do with not being able to change the link?  If so, then how can I change it to where only the bottom navigation has it's own style as I'm sure there's going to be alot more links I'm going to be adding.
    Thank you in advance for any help. (By the way, I'm using Dreamweaver CS3)

    Starting on line 215 of your code, you have this:
    <tr>
    <td height="338"><div align="center">
    <p class="style11">CLICK TO VIEW SLIDESHOW!</p>
    <p><a href="slideshow.html"><img
    src="images/slideshowpic.JPG" width="347" height="223"
    border="0"/></a></p>
    </div>
    </td>
    </tr>
    Try changing it to this:
    <tr>
    <td height="338" style="text-align:center">
    <p class="style11"><a href="ss.html">CLICK TO VIEW SLIDESHOW!</a></p>
    <p><a href="ss.html"><img src="images/slideshowpic.JPG" width="347" height="223" border="0"/></a></p>
    </td>
    </tr>
    Save.  Upload page to server along with ss.html page.  Hit refresh in your browser.
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists
    http://alt-web.com/
    http://twitter.com/altweb
    http://alt-web.blogspot.com

  • Image Border Colour

    I started off with my borders on my images being black. I
    previed etc no problem. Then after working on the rest of the site
    they have changed to purple when I preview- but not in Dreamweaver
    where they still show as black.
    I have checked all teh link colours etc and am bemused. Any
    suggestions please?

    To remove borders from linked images, insert this CSS code
    between the
    <head> and </head> tags in your html page.
    <style>
    a img {border:none}
    </style>
    --Nancy O.
    Alt-Web Design & Publishing
    www.alt-web.com
    "emilyt.w" <[email protected]> wrote in
    message
    news:fs18k8$4gl$[email protected]..
    > I started off with my borders on my images being black.
    I previed etc no
    > problem. Then after working on the rest of the site they
    have changed to
    > purple when I preview- but not in Dreamweaver where they
    still show as
    black.
    >
    > I have checked all teh link colours etc and am bemused.
    Any suggestions
    > please?
    >

  • OS X Server no longer allowing me to link images

    Hello All!
    Has anyone else experienced the recent issues post mavericks update that has resulted in you no longer being able to link images within your wiki pages? If so is there a way to get it work? At the moment I click on the image and the border goes blue and reveals the "link" button and let you do the whole process but once you click save the link is not there and it simply opens the image fully.... Very frustrating!!
    Any help would be much appreciated!!!
    All the best,
    Fraser

    Csound1 wrote:
    You did this?
    MR user Kazyua reports that you can use the disk management utilities provided with the current operating systems if you want to do it manually. Windows 7 and OS X both have partition resizing functions built in. In OS X, open Disk Utility and manually shrink the mac HFS+ partition by dragging the lower right corner. Then in windows go to the start menu and type "disk management" into the search box then hit enter. You should get an overview of the drives you have and the individual partitions. Right-clicking on the partition gives an "Extend Volume" option. The Windows NTFS volume should then be extended into the free space you created with Disk Utility. This method has not worked for other users, so try at your own risk.
    And you ignored the warning? daredevil approach you took there.
    Erase your disk and reinstall, that Warning at the top of the page not to attempt without backup was serious, and DU was entirely the wrong tool.
    Yes I have formatted my system countless times before so I figured I would be carefuly and could handle it. But as I said above, I buggered my system.
    I'm sure there must be a way to recover the files before doing a reinstall.

  • How do I change an image border color to another color - Dreamweaver CS5?

    Good day,
    I have just learned how to add a border to an image with Dreamweaver CS5 within the Properties Inspector.
    After typing the width in pixels in the Border Text Field and pressing the Enter key, Dreamweaver created a black border.
    How do I change the image border color to another color?

    I added your suggested rule to the Style Sheet "in any order" as you explained. See the image below.
    However this did not change the image border from black to light blue. In fact, nothing changed.
    Nothing changed because the CSS that has been written into DW is incorrectly written.
    You want the following (exactly as written below)
    img {border: 4px solid #0062C8;}
    You've inadvertently wrapped the rule inside a #main_image container rendering it meaningless.
    It's easiest to go into Code View and change
    #main_image {
         img {border: 4px solid #0062C8;
    to
    img { border: 4px solid #0062C8; }
    The Property Inspector added a border exactly as I wanted it, other than the color I wanted the border to be. What is the use of this function in Property Inspector if it can add a border within Property Inspector but not let me change the COLOR of the black border that Property Inspector added, to another color?
    That's a deceptively simple, yet valid, question with a long answer.
    Back in the dark old days of web design web designers were restricted to inline HTML formatting which offered  border properties but no colors.
    CSS styling offers colors and more but has to be written differently.
    These days. it's best to avoid HTML formatting. Unfortunately border="4px" in the PI still allows it. But does not permit color.
    Does anyone else out there ever add color borders to their IMAGES (not the containing box for the image) ?
    Yes, using CSS.

  • Linked image question

    I create a monthly newsletter using InDesign CS3 (5.0.4) on a Dell Inspiron 6000 with a 1.5 GHz Pentium M processor, 2 GB of RAM and Win XP/SP3.
    I collect information from various sources, some of which are Micorsoft Word documents with graphics, and I rarely have access to the separate graphic files.  I have MS Word 2002 SP3.
    I can Copy the graphics from Word into InDesign (when I right click on these images in Word, I do not have the Save Image As option).  However, when I do so, the image is not linked, it is embedded, whatever the size of the image (and despite the Help file statement regarding images under/over 48 kB).
    The problem I encounter is when I try to export (Cross Media Export/XHTML Dreamweaver) a specific newsletter article (Export/Selection), including those embedded graphics (I also create an web version of the newsletter), I receive a message that "...only linked images are exported."  I want to export the article including the graphics.
    After searching through the InDesign Help file, I found info that says to choose Window/Automation/Data Merge/Content Placement Options/Link Images to link and not embed images.  This I have done.
    After searching this forum, I found a posting that says Copy/Paste does not preserve links(from any application except another ID file).
    In the ID Help file is a statement that the Links panel can be used to change the status (linked or embedded) of a graphic.  However, when I open the Links panel after pasting an image into a frame, the only choices are Copy Links and Sort.  I concluded that the limited choices are a result of the lack of a separate graphics file.  Correct?
    I can Paste the image into InDesign, Export it as a JPG (to create a separate graphics file), delete the Pasted image from the ID file, and then Place the JPG file into the ID file.  That creates a linked image, which is included with the selected exported newsletter article.
    Is there a better (simpler) way to accomplish this task?

    There are a number of ways to get graphics out of Word/Powerpoint/Excel, but copy/paste into Indesign is the worst, mainly because you get only screen resolution.
    1) Place the Word file. You'll get embedded graphics again (most of them at least), but there's nothing to stop you from unembedding them (through the Links panel), and you'll get full resolution images, not screen previews.
    2) Print the Word file to PDF and then Place pages of the PDF.
    3) Save the Word file to a web page (as mentioned by Jay and Jeffrey in this thread).
    4) Open the Word file in OpenOffice, save in OO's native format, change the extension to .zip, and unzip the file (where you'll find your graphics in separate files).
    5) My personal favorite: Copy out of Word and paste into Illustrator or Photoshop. Michael mentioned Photoshop too, but it's important to use the right program depending on the content. If you have a bitmap (a photo, scan, or screen capture), paste it into Photoshop. If you have a vector graphic (a drawing consisting of lines and shapes, like a graph) or a combination of vector and bitmap, paste it into Illustrator. The reason this is my favorite is because it gives me a chance to fix the graphic. If nothing else, everything from Word comes in as RGB, but I also usually need to change the typeface and size the graphic appropriately.
    Ken Benson

  • CS3 - Design View not showing externally linked images

    In CS3 Design View, externally linked images are not showing
    up... i am only getting the place holder.
    To prempt some questions:
    1/ Links are correct and complete - apart from the fact that
    they show up when previewing in the browser(s) - i have
    crosschecked
    2/ There are no spaces in the url
    3/ In the 'View' menu, 'Display External Files' is checked
    I had this problem before and escargo suggested saving and
    rebooting. It worked then but strangely, today, that file is again
    showing some of the externally linked images but not all. And on a
    new file, created today, none of the externally linked images are
    showing up... :(
    I'm sure there's a simple solution to the problem... anyone
    have any idea what it could be?
    Thanks and cheers,
    JJ

    Nope. Some show - some don't.
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.dreamweavermx-templates.com
    - Template Triage!
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    http://www.macromedia.com/support/search/
    - Macromedia (MM) Technotes
    ==================
    "jhabrix" <[email protected]> wrote in
    message
    news:faom5n$9ku$[email protected]..
    > Bump....
    >
    > Anyone have a solution to the above problem???

  • Outlook not seeing link images

    Hello All and Happy Friday (the 13th buwahaha)
    OK, issue
    Outlook 2010 and 2013 (Exchange Accounts)
    Users get emails html formatted.  Outlook displays the red x with the message "The linked image cannot be displayed.  The file may have been moved, renamed, or deleted. etc..."
    However, OWA displays it properly, so do the phones.
    This leads me to believe it is proxy related.  Now my problem comes in with the knowledge that we are using a Cisco IronPort as our proxy, we don't even configure the browsers for it...  Just catches it.
    I've tried every fix I can find and none have resolved the issue.
    Any ideas?
    Thanks

    Hi,
    I actually found a kb about this issue:
    Images in email message disply a "red x" instead of the image if the Cache value in the registry is incorrectly configured
    This problem occurs if there is incorrect registry data for the Cache
    value under the following registry key.
    HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Explorer\User Shell Folders
    Important
    Follow the steps in this section carefully. Serious problems might occur if you modify the registry incorrectly. Before you modify it,
    back up the registry for restoration in
    case problems occur.
    To resolve this problem, use the following steps to manually edit the data for the Cache value in the registry.
    Exit Outlook if it is running.
    Start Registry Editor.
    Windows 8
    On the Desktop, press the Windows key + X and click
    Run . Type regedit in the Open box, and then press ENTER
    Windows 7 or Windows Vista
    Click Start , type regedit in the Start Search
    box, and then press ENTER.
    If you are prompted for an administrator password or for confirmation, type the password, or click
    Allow
    Windows XP
    Click Start , click Run , type regedit
    , and then click OK.
    Locate and then select the following key in the registry.
    HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Explorer\User Shell Folders
    Update the Cache value to the default value according to your version of Windows.
    Windows 8, Windows 7, or Windows Vista
    Name: Cache
    Type: REG_EXPAND_SZ
    Data: %USERPROFILE%\AppData\Local\Microsoft\Windows\Temporary Internet Files
    Windows XP
    Name: Cache
    Type: REG_EXPAND_SZ
    Data: %USERPROFILE%\Local Settings\Temporary Internet Files
    Close Registry Editor.
    Regards,
    Melon Chen
    TechNet Community Support
    It's recommended to download and install
    Configuration Analyzer Tool (OffCAT), which is developed by Microsoft Support teams. Once the tool is installed, you can run it at any time to scan for hundreds of known issues in Office
    programs. Please remember to mark the replies as answers if they help, and unmark the answers if they provide no help. If you have feedback for TechNet Support, contact
    [email protected].

  • Translation from CS5 to Cloud doesn't  work correct, navi and linked images are broken.

    Translation from CS5 to Cloud doesn't  work correct, <navi> and linked images are broken.
    The data of CS5 was created at another PC. I installed Cloud version into two different PC. One has had the site data since dreamweaver CS5 and it works correct in Cloud version. Another PC got the site data from remote server and it doesn't work correct. <navi> and linked image are broken.

    Another PC got the site data from remote server and it doesn't work correct. <navi> and linked image are broken.
    This implies your site is not properly defined in DW.  Go to Site > Manage Sites.
    Or simply go to your other installation of DW and export the site definition file from Manage Sites.
    Save it to a flash stick or other removable drive.  Then import the STE file into your 2nd installation of  DW.
    Nancy O.

  • Exporting linked images with overlays

    Hi,
    I'm using InDesign CS5.5 on OS X Lion.
    I have linked images in my InDesign document that I want to export as JPG and maintain the original file naming scheme. That part is easy (export as HTML, look in the images folder; export as ePUB, look in the images folder of the archive; etc.). But what I'm struggling with is when there are overlays added in InDesign. Some examples of overlays: part labels (e.g., "a", "b", "c"), text labels, arrows, lines, etc. The only way I've found to export the overlays is to do this:
    -Group the placed image and overlay items together
    -Apply Object Export Options to the grouped item such that Custom Rasterization is checked
    -Export via one of the options (e.g., HTML, ePUB)
    I get one image per group, which is what I want. The problem is that the filename for that image is now a random number. What I really need is the filename for the original image to be used.
    I've also tried exporting to other formats, e.g., PDF (and using the extract all image options) but that doesn't preserve the overlays in the extracted images (which makes sense since the PDF sees the letters as text).
    I figure to do this I have to write a script. So before I embark on that quest, I was hoping to get opinions on whether a) such a script is possible and b) whether there is a better way. For specific workflow considerations, moving the adding of these overlays to the images outside of InDesign (e.g., via Photoshop) is not an option.
    I envision a script that does the following:
    -Set custom rasterization on every grouped object
    -Export all grouped objects and other linked images as JPG (with certain settings)
    -The exported images for the links would preserve the original filename (adding "_fmt" like InDD does now would be okay) and for the grouped items it would use the filename of the linked image that is part of the group (and fallback to a random number if there is no such image). In the case that the filename could not be specified, then embed the original filename of the linked image in the group
    Obviously, if a script could also do the grouping of objects (e.g., finding a linked image, checking to see if there is anything on top of it, grouping it all together), then that would be even better, but I'm not holding my breath. :-)
    Thanks,
    Steve

    This is where the Adobe DNG could shine.
    http://www.adobe.com/products/dng/index.html
    Worth the read ... this can save the changes that one
    makes.
    DNG does NOT help in this case.
    There is a huge misunderstanding that this is part of what DNG can or should do.
    But if you think about it, what good are the adjustments being stored in DNG if you have to use a particular program to open it anyway?
    Think about Aperture's Edge Sharpen for a second. Lets say you store that value in a DNG. Fine, what other program is going to able to reproduce that result EXACTLY to how you were previewing it at 100% on your monitor?
    Lighroom is trying to do something along these lines by passing editing commands off to Bridge through DNG. But here you run into another problem - it constrains what editing any one program can do. If Lightroom is limited to only ever having editing commands that are the same as what Bridge offers, and no other program on earth supports them, then what have you really accomplished? Will unknown editing commands simply be dropped without warning?
    That's why I think simply exporting projects, which hold master images alongside sidecar files (very like XMP) that describe edits are about as good as you are going to get. If you want to truly preserve editing work and you care about quality, nothing beats a TIFF file where 100% of the pixels are exactly as you reviewed them during editing. I personally trust Aperture enough to back up master images along with edits, and am fine with that.

  • We are currently looking for a way to link images to a design file within programs like InDesign and Illustrator using an HTML link instead of a local file.  We are hosting our images in SharePoint and need the design file to retain it's links, no matter

    We are currently looking for a way to link images to a design file within programs like InDesign and Illustrator using an HTML link instead of a local file.  We are hosting our images in SharePoint and need the design file to retain it's links, no matter who on our network opens the design file.

    The Cloud forum is not about using individual programs
    The Cloud forum is about the Cloud as a delivery & install process
    If you will start at the Forums Index https://forums.adobe.com/welcome
    You will be able to select a forum for the specific Adobe product(s) you use
    Click the "down arrow" symbol on the right (where it says All communities) to open the drop down list and scroll

  • InDesign. Is it possible to flattern linked images?

    Quick question..
    Is it possible to flatten or merge linked images in InDesign, rather than package or preflight which would double up on the size of images stored on our system.  Also to solve the problem if images were moved or deleted.
    thanks
    Charlotte

    My typical workflow would not be working from a server. I find that server lags can crash indesign, and that's particularly bad if you're in the middle of saving a file.
    What I find better here is to work on all files locally. When the job is finished it's packaged up to the server. Unfortunately the image data has to be included somewhere, whether as links or physically embedded in the file.
    You need to figure out if you need to keep hi-res images of the files. What you can back up on the server etc.
    Is it just the size that's an issue?

  • Linked images do not load in my website

    Hi all,
    I built my website in Photoshop and Flash Catalyst. My site takes forever to load and my linked images do not load when they should. Can someone please help me with getting the load time down and loading the liked images. I linked them because I though that would cut down on the load time,  but when I click the thumbnail the images doesn't appear right away it takes a while. What am I doing wrong? I really need to get my portfolio up. Also how small should my swf file be right now it's at 8.79MB. I am a designer and new to Flash Catalyst so any suggestions will help. Thanks!

    Here's a super post from FlashCats:
    http://flashcats.net/2010/07/17/optimizing-for-smaller-swf-output-size-in-flash-catalyst/
    Hope this helps.
    Tanya

Maybe you are looking for