Zymic Webmaster Forums > Blue Line Surrounding Links?

Help - Search - Members - Calendar

Full Version: Blue Line Surrounding Links?

Zymic Webmaster Forums > Web Design & Development > General Web Design Discussion

Morgoth

Oct 23 2007, 03:08 PM

This is incredibly stupid of me, but I'll ask it anyway.

I'm adding AnyLink drop-down menus to a site I'm designing (From Dynamic Drive). I've successfully done this before, but with text links. However, this particular site calls for use with image links. I've added the neccessary linking code, but it has automatically added 2px blue borders around the linked images. I've ctrl-f'd all around the css and index files and I can't find anywhere that promts this. I know it's a default color for active links, I just can't find a way to remove it. Help?

Thanks a ton.

Edit: Here's a screen of the problem.

http://img20.imageshack.us/img20/3149/chur...tescreenbk6.jpg

Zytran

Oct 23 2007, 03:13 PM

Try adding border="0" to the image code.
Or to a css file border:0

Sickness

Oct 23 2007, 03:18 PM

QUOTE(Zytran @ Oct 23 2007, 03:13 PM)

Try adding border="0" to the image code.
Or to a css file border:0

Yeah I think too.

Morgoth

Oct 23 2007, 03:25 PM

I knew it was simple. I try these things, but in the wrong places.

Thanks guys, I'll probably have a few more questions before I'm finished adding these.

Jack

Oct 23 2007, 03:29 PM

Instead of using the HTML, you could just use CSS:

CODE

img { border: 0; }

Then you won't have to keep typing it out for each image.

Morgoth

Oct 23 2007, 03:39 PM

That's really useful, Jack. Thanks. It looks a lot better now. But, the second row of silver is still there. (as pictured in the screen above)

I'm assuming the problem is located somewhere in here: (This is the only remaining problem, I should be fine once it's sorted.) Any ideas on that?

CODE

                <td width="400"></td>

              </tr>
            </table>
          </td>
        </tr>
        <tr>
          <td height="156"><img src="images/main01.jpg" width="246" height="165"><img src="images/main02.jpg" width="534" height="165"></td>
        </tr>
        <tr>
          <td height="60" background="images/fon03.gif">
            <table width="780" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td height="60" width="246" valign="top">
                  <table width="246" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td height="14"><img src="images/main03.jpg" width="246" height="14"></td>
                    </tr>
                    <tr>
                      <td height="46" background="images/fon04.gif">
                        <table width="100%" border="0" cellspacing="0" cellpadding="0">
                          <tr>
                            <td width="15%">
                              <p></p>
                            </td>

                            </td>
                            <td width="5%"></td>
                          </tr>
                        </table>
                      </td>
                    </tr>
                  </table>
                </td>
                <tr id="horizontalnav"><a href="http://www.theancientrealms.com/Reserved.html" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu5, '150px')" onMouseout="delayhidemenu()"><img src="images/but01.gif" width="98" height="60" border="0"/></a></td><img src="images/separator_2.gif">
<a href="http://www.theancientrealms.com/Reserved.html" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu5, '150px')" onMouseout="delayhidemenu()"><img src="images/but02.gif"width="98" height="60" border="0"/></a></td><img src="images/separator_2.gif">
<a href="http://www.theancientrealms.com/Reserved.html" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu5, '150px')" onMouseout="delayhidemenu()"><img src="images/but03.gif"width="98" height="60" border="0"/></a></td><img src="images/separator_2.gif">
<a href="http://www.theancientrealms.com/Reserved.html" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu5, '150px')" onMouseout="delayhidemenu()"><img src="images/but04.gif"width="98" height="60" border="0"/></a></td><img src="images/separator_2.gif">
<a href="http://www.theancientrealms.com/Reserved.html" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu5, '150px')" onMouseout="delayhidemenu()"><img src="images/but05.gif"width="98" height="60" border="0"/></a></td><img src="images/separator_2.gif">
              </tr>
              </table>
              </td>
             </tr>

This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.

Invision Power Board © 2001-2012 Invision Power Services, Inc.