Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

  • Congratulations Chris Miller on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Removing Border from Image that is a Link

Status
Not open for further replies.

JeremyNYC

Programmer
Sep 23, 2002
2,688
US
This should be easy, and I've done it plenty of other times, but it's not working this time. Maybe this is because of the table? I'd like to not monkey with the table, but if I must I must.

The following is a snippet of the code from an email I want to send using VerticalResponse:

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[URL unfurl="true"]http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">[/URL]
<html xmlns="[URL unfurl="true"]http://www.w3.org/1999/xhtml">[/URL]
  <head>
    <meta content="text/html;charset=UTF-8" http-equiv="content-type" />
    <title></title>
  </head>
  <body alink="#0000FF" bgcolor="#FFFFFF" link="#0000FF" style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 12px; color: rgb(51, 51, 51);" vlink="#0000FF">
    <table
      style="
        font-size: 11pt;
        font-family: Arial;
        background-color: transparent;
        text-decoration: none;
        vertical-align: middle;
        white-space: pre-wrap;
      ">
      <tbody>
        <tr>
          <td width = "90px">
            <a href="[URL unfurl="true"]http://www.cnn.com">[/URL]
              <img
                style="
                  white-space: pre-wrap;
                  width: 90px;
                  height: 51px;
                  border: 0"
                align="middle"
                height="51"
                width="90"
                vspace="0"
                hspace="0"
                src="[URL unfurl="true"]http://www.writopialab.org/transfer/75.gif"[/URL]
                onmouseout="this.src='[URL unfurl="true"]http://www.writopialab.org/transfer/75.gif';"[/URL]
                onmouseover="this.src='[URL unfurl="true"]http://www.writopialab.org/transfer/75hot.gif';"[/URL]
                alt="$75"
                title="$75"
              />
            </a>
          </td>
        </tr>
      </tbody>
    </table>
  </body>
</html>

Any tips on how to make those two horizontal lines disappear?

Thanks so much!

Jeremy
(not really an HTML guy, in case you hadn't guessed)

---
Jeremy Wallace
ABCDataworks
You can find us on the web, and my e-mail is fairly easy to guess.
 
Hi

Those are not borders but underlines. You have a lot of spaces inside the [tt]a[/tt] tag around the [tt]img[/tt]. And they are not collapsing as you specified [tt]white-space: pre-wrap[/tt], so they are rendered and their underline is visible.


Feherke.
 
Status
Not open for further replies.

Part and Inventory Search

Sponsor

Back
Top