Getting Rid of Standard Colored Links Around Image Links

I have included several images on my CS4 Dreamweaver site
that link to other pages, sites, etc. when clicked. An unexpected
and annoying standard blue (active), purple (visited), etc. link
border appears around the image when viewed in IE and AOL browsers.
These do not appear in Live View in CS4. How do I get rid of this
annoyance?

.oO(DWFAQ.info)
>Who's to say what's correct and much easier?
The W3C and the HTML/CSS experts here and elsewhere.
>Not simple if you want some image links with border, some
without.
Still simple.
>To each their own.
The 'border' attribute is deprecated for a reason. It's not
only old
style, but also bloats the code, because you have to apply it
to each
and every image. A hundred images, a hundred 'border'
attributes. Quite
a waste of resources, which also makes the markup harder to
maintain.
With CSS you just need a single rule to give every image link
on every
page on the entire site the same default style, usually
borderless. If
you then want some links differently - nothing easier than
that. Either
apply a class or ID to them for individual styling or to
their parent
element to access an entire group of links at once, for
example all the
buttons in a nav bar:
a img {border: 0}
#nav a {border: 2px outset #F00}
That's it. Easy, flexible, efficient. Once you've learned
about the
power of CSS, you don't want to miss it anymore. Deprecated
and
inefficient markup was yesterday (or better last century).
Micha

Similar Messages

  • How do I get rid of faint white boxes around images?

    Some files that I have printed have faint white boxes around images.  The images were saved in photoshop with transparent backgrounds that seem to be showing up faintly in the final printed image.  Does anyone know how I can get rid of this problem?

    signspec,
    What happens if you print from Illy?
    Your printer (driver) may be overly helpful and performs a bit of colour management all by itself. You may have a look and disable any such management in the printer (driver) options.

  • How to get rid of the black border around the artboard

    Hopefully my last question for tonight.
    I need to get rid of the black border around the artboard. The two images show my drawing lined up with the art board and then inside the artboard. The dark gray is not the artboard.
    As you see, the artboard has a black border. I need to get rid of it. It shows up in my project when my color key is green. The black won't go to transparent.
    So how-to get rid of the border? Thanks
    ***Update***
    I figured it out. View > Hide Artboards. Maybe this will help someone. Doesn't change the fact my spider looks like a tick:)

    Doesn't change the fact my spider looks like a tick:)
    Try to get hold of a real spider and take a look at its anatomy, specially where the legs sprout from :-)

  • I can't get rid of this blue border around my artwork after it's published to the web

    I can't get rid of this blue border around my artwork after it's published to the web

    That did not work.
    Here's where I put it. The blue bordeer still show up around the large rectangular image.
    <!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>Ray Bros., Inc.</title>
    <style type="text/css">
    @import url("PopupMenuC.css");
    @import url("PopupMenuB.css");
    @import url("PopupMenu1.css");
    body {
              margin-left: 00px;
              margin-top: 00px;
              margin-right: 00px;
              margin-bottom: 00px;
              text-align: center;
    a img {border:none}
    .Arial {
              font-family: Arial, Helvetica, sans-serif;
    .Arial {
              font-size: 10px;
    .Arial {
              font-size: 12px;
    .Arial .Arial {
              font-size: 14px;
    </style>
    <script language="JavaScript1.2" type="text/javascript" src="mm_css_menu.js"></script>
    </head>
    <body>
    <table width="1080" border="0" align="center" cellpadding="0" cellspacing="0">
      <tr>
        <td height="279" align="center" valign="top"><div id="FWTableContainer1818523225"> <img name="PopupMenuC" src="PopupMenuC.jpg" width="1082" height="279" id="PopupMenuC" usemap="#m_PopupMenuC" alt="" />
          <map name="m_PopupMenuC" id="m_PopupMenuC">
            <area shape="rect" coords="899,240,1064,265" href="index-new.html" alt="" />
            <area shape="rect" coords="679,240,844,265" href="index-new.html" alt="" />
            <area shape="rect" coords="460,240,625,265" href="javascript:;" alt="" onmouseout="MM_menuStartTimeout(1000);"  onmouseover="MM_menuShowMenu('MMMenuContainer0525123758_0', 'MMMenu0525123758_0',485,265,'PopupMenuC');"  />
            <area shape="rect" coords="241,240,406,265" href="javascript:;" alt="" onmouseout="MM_menuStartTimeout(1000);"  onmouseover="MM_menuShowMenu('MMMenuContainer0524224504_0', 'MMMenu0524224504_0',262,265,'PopupMenuC');"  />
            <area shape="rect" coords="22,240,187,265" href="javascript:;" alt="" onmouseout="MM_menuStartTimeout(1000);"  onmouseover="MM_menuShowMenu('MMMenuContainer0524221503_1', 'MMMenu0524221503_1',46,265,'PopupMenuC');"  />
          </map>
          <div id="MMMenuContainer0525123758_0">
            <div id="MMMenu0525123758_0" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuResetTimeout();"> <a href="index-new.html" id="MMMenu0525123758_0_Item_0" class="MMMIFVStyleMMMenu0525123758_0" onmouseover="MM_menuOverMenuItem('MMMenu0525123758_0');"> RBI-NS100 </a> <a href="index-new.html" id="MMMenu0525123758_0_Item_1" class="MMMIVStyleMMMenu0525123758_0" onmouseover="MM_menuOverMenuItem('MMMenu0525123758_0');"> RBI-M100 </a> <a href="index-new.html" id="MMMenu0525123758_0_Item_2" class="MMMIVStyleMMMenu0525123758_0" onmouseover="MM_menuOverMenuItem('MMMenu0525123758_0');"> RBI-100 </a> <a href="index-new.html" id="MMMenu0525123758_0_Item_3" class="MMMIVStyleMMMenu0525123758_0" onmouseover="MM_menuOverMenuItem('MMMenu0525123758_0');"> Color Charts </a> </div>
          </div>
          <div id="MMMenuContainer0524224504_0">
            <div id="MMMenu0524224504_0" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuResetTimeout();"> <a href="index-new.html" id="MMMenu0524224504_0_Item_0" class="MMMIFVStyleMMMenu0524224504_0" onmouseover="MM_menuOverMenuItem('MMMenu0524224504_0');"> RBI-5V </a> <a href="index-new.html" id="MMMenu0524224504_0_Item_1" class="MMMIVStyleMMMenu0524224504_0" onmouseover="MM_menuOverMenuItem('MMMenu0524224504_0');"> RBI Low Profile AGG </a> <a href="index-new.html" id="MMMenu0524224504_0_Item_2" class="MMMIVStyleMMMenu0524224504_0" onmouseover="MM_menuOverMenuItem('MMMenu0524224504_0');"> Color Charts </a> </div>
          </div>
          <div id="MMMenuContainer0524221503_1">
            <div id="MMMenu0524221503_1" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuResetTimeout();"> <a href="index-new.html" id="MMMenu0524221503_1_Item_0" class="MMMIFVStyleMMMenu0524221503_1" onmouseover="MM_menuOverMenuItem('MMMenu0524221503_1');"> RBI-MT240 </a> <a href="index-new.html" id="MMMenu0524221503_1_Item_1" class="MMMIVStyleMMMenu0524221503_1" onmouseover="MM_menuOverMenuItem('MMMenu0524221503_1');"> RBI-200 </a> <a href="index-new.html" id="MMMenu0524221503_1_Item_2" class="MMMIVStyleMMMenu0524221503_1" onmouseover="MM_menuOverMenuItem('MMMenu0524221503_1');"> RBI-175 </a> <a href="index-new.html" id="MMMenu0524221503_1_Item_3" class="MMMIVStyleMMMenu0524221503_1" onmouseover="MM_menuOverMenuItem('MMMenu0524221503_1');"> R-Panel </a> <a href="index-new.html" id="MMMenu0524221503_1_Item_4" class="MMMIVStyleMMMenu0524221503_1" onmouseover="MM_menuOverMenuItem('MMMenu0524221503_1');"> Color Charts </a> </div>
          </div>
        </div></td>
      </tr>
      <tr>
        <td valign="top"><p><br />
        </p></td>
      </tr>
      <tr>
        <td> </td>
      </tr>
      <tr>
        <td> </td>
      </tr>
      <tr>
        <td>...</td>
      </tr>
      <tr>
        <td> </td>
      </tr>
    </table>
    </body>
    </html>

  • How can I get rid of spinning colored balls on my Desktop computer

    How can I get rid of spinning colored balls on my Desktop Mac, it is really bogging down my system.

    I have 1GB RAM, 667Mhz, DDR2-SDRAM, 20 Inch Screen.
    Sorry for lack of info, my first time doing this. I think I have found the problem, non responding App.
    Thank You,
    nhalderson

  • I'm using CS6 on a Mac. I do I get rid of the red outline around my artboard?

    I'm using CS6 on a Mac. I do I get rid of the red outline around my artboard?

    File > Document Properties: Set the bleed to 0.
    --OB

  • How do i get rid of a blue border around an image

    Hey guys,
    I have an image on my page that i am using as a link but it has a blue border around it. How do i get rid of this border

    Add "a img { border: none; }" (without the quotes) to your stylesheet.

  • Why did Adobe get rid of 'No Color Management' option in CS5

    I use this option (in earlier CS verisons) when printing digital negatives on transparency film on my Epson 3880. There are a few work-arounds, including a printer utility from Adobe (which only works on tIff files, so it's limitied).
    But why, oh why did they get rid of this option in the first place. Did someone just decide, gee, I don't think that's a feature we want anymore in our program, so, puff, it's gone? I hate it when program 'updates' make my work harder instead of easier. 
    Regards, David

    Was DYP wrote:
    Can you prove this with a supporting document?
    Nope...I was told this by engineers familiar with the initiative...
    Was DYP wrote:
    ACPU and for that matter i1Profiler sends print image data (untagged I assume) through ColorSync and the print driver the exact same way as Lightroom and PSCS5 do when Application Manages Color is selected when printing. The only difference is that LR and PS do not allow you to send untagged image data.
    ACPU does send the untagged data through Colorsync, but the image data gets converted by Colorsync or ACPU to the printer profile chosen in the print driver as set up in the Print window of ACPU...so, since the document is in the final profile space of the printer, the print driver does nothing (null transform). Then you choose don't manage color in the driver. Exactly how ACPU works with Colorsync to avoid having Colorsync to an unwanted color transform isn't clear (would have to ask the engineer that wrote it), ACPU is clearly doing SOMETHING different than Photoshop and Lightroom when sending the image data to the printer.
    You can see what profile gets embedded when printing from ACPU by setting up the driver and saving a PDF and opening in Photoshop. When I printed to PDF from ACPU after setting up the driver to use Epson Glossy paper on an Epson R3000, the embedded profile in the PDF was SPR3000 Premium Glossy. Which if sent to the printer should result in a null transform. This is similar to the CS5 work around to tag an image with a color space and have that same color space set in Photoshop Manages Color and set the Printer Profile color space to be the same thus bypassing the Colorsync "generic RGB" transform. However, that work around no longer works with Photoshop CS6 (we were warned that this might happen BTW).
    I haven't tried it yet, but it's possible that you could still work around this in CS6 if you take an untagged target, assign the printer profile, then use Photoshop Manages Color with the profile being the same printer profile and then in the driver set do not color manage...actually, scratch that–I just tried that and CS6 pops a warning that "No Color Managment is not supported" when trying to print without the proper color management and to get ACPU with a link to download it. I guess Photoshop got pretty serious about disallowing this sort of printing. Heck, you can't even print to PDF.
    On the other hand, the simplest solution for me is to simply print out the target using i1Profiler...

  • How do I get rid of jagged, pixelated halo around type in Dreamweaver?

    Dear Dreamweaver Forum,
    I am studying the essential series of video tutorials on Dreamweaver CS3 via Lynda.com.
    I am also currently, slowly but surely, putting together a website to function as a resume, cover letter and portfolio all in one.
    I am currently in the middle of creating headings and images that will function as rollover buttons.
    I currently have a problem with a jagged or pixilated halo appearing around type I'm creating in Illustrator CS3 and placing into Dreamweaver CS3.
    The process I’m using so far is the following:
    In Dreamweaver CS3, I’m using div tags. I will place a div tag on a page. I will then move it to the desired location on the page and size it to my needs.
    I then take .gif file of type I created in Illustrator CS3 and drag it from the files panel and to the web page I’m working on. When I do this, I notice a halo around the type (please see inserted image below).
    How do I get rid of this jagged or pixilated halo?
    I created the type in Illustrator CS3 and then go File > Save for Web and Devices. In the 4-up dialog box that appears, I then save the type as a .gif file.
    Please see images below:
    Thanks for your help! 

    How do I get rid of this jagged or pixilated halo?
    Don't use transparency! GIF and 8bit PNG only allow one transparent color, resulting in frizzled edges with antialiased content. If you know the type goes on a black background, save it with a black background....
    Mylenium

  • How do I get rid of 'add photo' link on published photo album?

    I don't see it on my iWeb file but it shows on my published website on the photo album page: a link that says:
    + Add photo
    Any idea on how to remove that? Thanks!!

    To get rid of the download button, open the Photos inspector and select "Photos Download Size - none".
    This will not stop people from downloading images by control clicking. All this does is remove the convenient button.

  • How do I get rid of the "hasFocus" border around my Accordion?

    I have heavily customized the design of my Accordion so that
    there are no borders or background colors in it. My purpose is to
    make a list of checkboxes that each have a child list of checkboxes
    (inside each AccordionPanelContent) that only appear when you check
    the parent checkbox.
    So borders are unsightly for me. But how do I get rid of that
    border which appears around the whole Accordion as soon as I click
    on anything inside it? It seems that only checking one of the
    "child" checkboxes in the AccordionPanelContent will remove the
    focus/border from around the whole Accordion. I would rather the
    border never appear at all, however.

    The dotted border is the focus ring the browser places around
    the Accordion when it has keyboard focus. You can either hide it by
    adding:
    .Accordion {
    outline: none
    to your stylesheet, or if you don't want keyboard navigation,
    just remove the tabindex off of the div that has the "Accordion"
    class on it.
    --== Kin ==--

  • When writing HTML/CSS, how do I get ride of the unwanted border around rollovers?

    This only happens when I view my website with the Firefox browser. It doesn't show in Safari etc...
    I have a series of buttons using javascript rollover effect. Why is there an obnoxious border around them. How can I get rid of the border. Through CSS? HTML?
    thank you

    Try posting at the Web Development / Standards Evangelism forum at MozillaZine. The helpers over there are more knowledgeable about web page development issues with Firefox. <br />
    http://forums.mozillazine.org/viewforum.php?f=25 <br />
    You'll need to register and login to be able to post in that forum.

  • Getting rid of red color cast?

    My photo has too much orange and red in it.
    In CS5, I created a new Color Balance Adjustment Layer.
    - I decreased the amount of Red within in the Shadows, Midtones and Highlights.
    - It seems like there was a bit too much blue so I decreased the amount Blue in the Shadows, Midtones and Highlights.
    1. It now seems like there is too much yellow. How do I get rid of the yellow without adding too much blue? Are there general guidelines for doing this?
    2. The steps I used are to color correct the image are:
    - fix colors using Color Balance Adjustment Layer
    - fix Levels
    - Sharpen image
    Are there any other basic edits I should consider?
    Thank you.

    Hello!
    First, I would use adjustment layers, so that I can tweak the results, and re-edit after a save (if I chose a file format that allows layers)
    If the image has areas that should be grey, I would use the neutral color eyedropper from a curves or levels adjustment layer.
    If the image has different lighting conditions in different zones, I would mask those areas, invert the mask, and re-apply another levels-curves from their eyedroppers, to adjust that other area.

  • Get rid of standard home folders (Desktop, Documents etc.)?

    Hi all,
    Is there any way to get rid of the standard folders in home directories (Desktop, Documents, Downloads. Images, Music and Videos)?
    I never use them and have trouble finding a way of permanently deleting them.
    Thanks.

    "Best" advise would be to point them all at your $HOME folder or various apps that expect to be able to find them with probably cry
    This did the trick indeed
    I don't see the point in deleting them, but I'm not going to question why.
    Then why post your remark? I never knew they could be renamed of be given another path. Thats why I wanted them of off my system. (the default configuration   with uppercase names and path wasnt to my liking at all)
    Thanks everybody

  • How to get rid of a background in an image?

    Does anyone know of an easy way to get rid of the background in the attached image and just keep the red print?
    Any ideas appreciated.
    If someone knows of an easy way, I have a much larger version of the image in PNG format.

    Another way to proceede is to convert it to B/W and adjust the conversion for taste. Then clean it up using curves or levels and clip it to a red fill layer. Here is a quick proof of concept. Doing it in sections would produce better  results.  The rectangles are new additions.
    I suspect this trade mark is still in force and owned by Honeywell and should not be used for commercial purposes.
    Paulo

Maybe you are looking for

  • POSTing to a website through HTML form

    Hello, I've been trying to write a program that accesses a website that requires you to login first. Here's the core of my code:      try{                BufferedReader in = new BufferedReader(new InputStreamReader(site.openStream()));               

  • Set the compression quality for individual images for exporting a PDF?

    When are export a PDF in ID, you are given an option to downsample and compress images. My problem is, I want to compress some images more than others. For example, a photo in the document could be downsampled much more than a png logo. Of course I c

  • Syncing my 2 Macs and iWeb with .mac

    Hello people... I am having troubles with iWeb. I started using it today for the first time. I love very easy to use and looks great. My problem is this... I use 2 macs and want iWeb to update changes made on both of the machines. Example : I update

  • Camera not working ipad

    Recently, the camera on the back of my ipad 2 has stopped working.  It only shows a black screen.  The camera on front works fine.  I have already tried the 2 button reset without success.

  • Allowing user to modify/edit a JTable

    i'm new to java and i'm creating a JTable that allows a user to modify the data and the data will be stored in the database that i have created here is my code: import javax.swing.JTable; import javax.swing.JScrollPane; import javax.swing.JPanel; imp