13 Replies Latest reply on May 25, 2013 3:24 PM by Thirty Hops

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

    Thirty Hops

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

        • 1. Re: I can't get rid of this blue border around my artwork after it's published to the web
          Nancy OShea Adobe Community Professional & MVP

          If the image contains a hyperlink,  some browsers put a default blue border around it.  To prevent this, add the following to your CSS code.

           

           

          a img {border:none}

           

           

          Nancy O.

          • 3. Re: I can't get rid of this blue border around my artwork after it's published to the web
            Thirty Hops Level 1

            <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>

            • 4. Re: I can't get rid of this blue border around my artwork after it's published to the web
              John Waller Adobe Community Professional & MVP

              Anywhere in your CSS file.

               

              Got a link to your website? Then we can tell you exactly where.

              • 6. Re: I can't get rid of this blue border around my artwork after it's published to the web
                Nancy OShea Adobe Community Professional & MVP

                That's right.  Default image borders only appear in some browsers.

                 

                Where you have this in your HTML code.

                 

                <style type="text/css">

                @import url("PopupMenuC.css");

                @import url("PopupMenuB.css");

                @import url("PopupMenu1.css");

                body {
                margin:0;
                text-align: center;
                }


                /**ADD THIS**/

                a img {border:none}

                </style>

                 

                 

                Nancy O.

                • 7. Re: I can't get rid of this blue border around my artwork after it's published to the web
                  Thirty Hops Level 1

                  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>

                  • 8. Re: I can't get rid of this blue border around my artwork after it's published to the web
                    Thirty Hops Level 1

                    One more thing is there a setting within the Dreamweaver or Fireworks GUI that can fix this?

                    • 9. Re: I can't get rid of this blue border around my artwork after it's published to the web
                      Nancy OShea Adobe Community Professional & MVP

                      No.  Fireworks won't help you with this. This is a CSS issue.  Try adding this below:

                       

                      <style type="text/css">

                      @import url("PopupMenuC.css");

                      @import url("PopupMenuB.css");

                      @import url("PopupMenu1.css");

                      body {
                      margin:0;
                      text-align: center;
                      }


                      a img {border:none}

                      img {border:none}

                       

                      </style>

                       

                       

                       

                      Nancy O.

                      • 10. Re: I can't get rid of this blue border around my artwork after it's published to the web
                        Thirty Hops Level 1

                        The image was exported from Fireworks as HTML. Since it has pop-up menus on it

                        • 11. Re: I can't get rid of this blue border around my artwork after it's published to the web
                          Thirty Hops Level 1

                          That did it!!!! So do I need both those lines?

                           

                          a img {border:none}

                          img {border:none}

                          • 12. Re: I can't get rid of this blue border around my artwork after it's published to the web
                            Nancy OShea Adobe Community Professional & MVP

                            No harm in using both. This will remove borders on all images -- linked and non-linked.

                             

                             

                            Nancy O.

                            1 person found this helpful