3 Replies Latest reply on Apr 22, 2010 2:27 PM by Nancy OShea

    Need to get rid of blue line under image

    SupportMeAdobe

      Hi,

       

      I've created a table with a row and three columns also I've placed splitted a button into three pieces and placed left portion in 1st column and right portion in last column and I've placed a piece of background image with repeat-x in middle column. I need to link the button used javascript to rollover the button with another three piece of buttons, so I've linked the whole with <a> tag and given "border=0" for <img> tag, now I get a blue bar (seems linked) under the background images that I've used in the middle column, could you please help me to get rid of the blue line.

       

      Thanks in advance

        • 1. Re: Need to get rid of blue line under image
          Nancy OShea Adobe Community Professional & MVP

          Add this to your CSS code.  It will remove borders from linked images.

           

          a img {border:none}

           

          If that doesn't help, please post a URL to your page.

           

           

          Nancy O.
          Alt-Web Design & Publishing
          Web | Graphics | Print | Media  Specialists
          http://alt-web.com/
          http://twitter.com/altweb
          http://alt-web.blogspot.com

          • 2. Re: Need to get rid of blue line under image
            SupportMeAdobe Level 1

            Hi Nancy,

             

            Thanks for the response. Below is my code. What I exactly need is to link the whlole button instead of only the text "Buy Now". The mean time I dont want to use <img src="" border=0"> for the middle column since the text "Buy Now" should be dynamic and can be changed, so that I've used a background image instead of a <img> tag.

             

            <div id="subdiv6">
                                <!-- Start of Div6 -->
                                    <a href="javascript:void(0)" onmouseover="ShiftTo('subdiv7')">
                                        <table width="100" border="0" cellspacing="0" cellpadding="0">
                              <tr>
                                <td align="left" valign="top"><img src="images/butoverl.png" border="0" width="16" height="45" /></td>
                                <td align="center" valign="middle" background="images/butovermid.png" class="proddemo">BUY NOW</td>
                                <td align="left" valign="top"><img src="images/butoverr.png" border="0" width="16" height="45" /></td>
                              </tr>
                            </table>
                                    </a>
                                <!-- End of Div6 -->
                            </div>
                            <div id="subdiv7">
                                <!-- Start of Div7 -->
                                    <a href="javascript:void(0)" onmouseout="ShiftTo('subdiv6')">
                                        <table width="100" border="0" cellspacing="0" cellpadding="0">
                              <tr>
                                <td align="left" valign="top"><img src="images/butl.png" border="0" width="16" height="45" /></td>
                                <td align="center" valign="middle" background="images/butmid.png" class="proddemo">BUY NOW</td>
                                <td align="left" valign="top"><img src="images/butr.png" border="0" width="16" height="45" /></td>
                              </tr>
                            </table>
                                    </a>
                                <!-- End of Div7 -->
                            </div> 

            • 3. Re: Need to get rid of blue line under image
              Nancy OShea Adobe Community Professional & MVP

              You really need to post a URL to your page.  We can't see your images.  We can't see your CSS.  In short, code fragments don't tell the whole story. Sorry.

               

              Nancy O.
              Alt-Web Design & Publishing
              Web | Graphics | Print | Media  Specialists
              http://alt-web.com/
              http://twitter.com/altweb
              http://alt-web.blogspot.com