asked on

Change Image Link Color

I have a document in which there are 3 image links; two should be the same color, one should be different, but none should be the default blue/purple. I was told previously that in-line CSS only should be used to craft emails, but it doesn't seem to be working. At first I had it working fine in Firefox but not in IE, since I added the CSS at the top to try that it doesn't work in either...

Please forgive any errors in my code, I am self-taught... Using dreamweaver... Please help!

<!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=iso-8859-1" />
<title>RAP-POS - Customer EBlast</title>
<style type="text/css">
.pic1 a:link {border:4px solid #524741;}
.pic1 a:visited {border:4px solid #524741;}
.pic1 a:hover {border:4px solid #524741;}
.pic1 a:visited {border:4px solid #524741;}
.pic2 a:link {border:4px solid #000000;}
.pic2 a:visited {border:4px solid #000000;}
.pic2 a:hover {border:4px solid #000000;}
.pic2 a:visited {border:4px solid #000000;}
</style>
 
</head>
 
<body>
 
<table width="612px" height="792px" background="http://www.rap-pos.com/EmailBackgrounddkbl.jpg" bgcolor="#524741">
<tr valign="top">
	<td width="180" align="center"><div style="width:165px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; padding:5px; color:#FFFFFF;" width=175><strong><br />
	  <img src="http://www.rap-pos.com/march06/images/risingcostsSM.jpg" style="border:ridge; border-color:#FFFFFF;"><h1 style="margin: 15px 0pt; padding: 0pt; font-family: Arial,Helvetica,sans-serif; font-size: 16px; color: rgb(255, 255, 255);">Save Your Spot Today!</h1>As your technology partner, Retail Automation Products (RAP) wants you to acheive ALL of your revenue goals this year, recession or not!<h1 style="margin: 15px 0pt; padding: 0pt; font-family: Arial,Helvetica,sans-serif; font-size: 16px; color: rgb(255, 255, 255);">SPACE IS LIMITED!!!<br />
	  YOU MUST <a href="https://www107.livemeeting.com/lrs/radsys_ccc/Registration.aspx?pageName=xpc126l37ngsz2dz" target="_blank" style="color:#FFFF99">REGISTER</a><br />TO ATTEND!!!</h1>
	  This is the first in a series of educational forums we will host to bring you the most relevant, up-to-date info on utilizing your restaurant technology.<br />
	  <br />Call 212-391-6500 x534 or <a href="mailto:sales@rap-pos.com?Subject=Recession-Proof Your Restaurant Webinar" style="color:#FFFF99">email</a> us today if you have any questions about the webinar.</strong>
    <div class="pic2" style="padding-top:25px;"><a href="https://www107.livemeeting.com/lrs/radsys_ccc/Registration.aspx?pageName=xpc126l37ngsz2dz" style="border-color:#000000"><img src="http://www.rap-pos.com/march06/images/Register_ButtonSM.gif" /></a></div>
    </div>
    </td>
	<td><div style="z-index: 1; padding-left: 10px; padding-right:10px; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 12px; color: white;" align="center">
        <h2 style="margin: 15px 0pt; padding: 0pt; font-family: Arial,Helvetica,sans-serif; font-size: 20px; color: rgb(255, 255, 255);">SPECIAL WEB EVENT:</h2><h1 style="margin: 15px 0pt; padding: 0pt; font-family: Arial,Helvetica,sans-serif; font-size: 18px; color: rgb(255, 255, 255);"><em>RECESSION-PROOF YOUR RESTAURANT!<br /><div class="pic1"><a href="https://www107.livemeeting.com/lrs/radsys_ccc/Registration.aspx?pageName=xpc126l37ngsz2dz" target="_blank" style="color:#524741; border-color:524741"><img src="http://www.rap-pos.com/march06/images/FeatureBox1.jpg" style="padding:5px;"/></a></div>
            INDUSTRY BEST PRACTICES TO<br />RECESSION-PROOF YOUR RESTAURANT</em></h1>
   
      <strong>
      Please join Bill Beltz, Director of Radiant Systems' EServices and Jeff Voorhees, COO of Retail Automation Products in a free webinar as they discuss methods to protect your operation from difficult market conditions.<br />
      <br />
      In this talk show Bill will show you how to thrive in uncertain times by:
        <ul>
        <li>Increasing Cash Flow</li>
        <br />
        <li>Increasing Customer Spend and Frequency</li>
        <br />
        <li>Being Proactive on Controlling Costs</li>
        <br />
        <li>Improving Operations by Measuring Results</li>
        </ul>
        All through the talk show and at the end of the discussion Bill will take questions from the listening audience.
        </strong>
      <h1 style="margin: 15px 0pt; padding: 0pt; font-family: Arial,Helvetica,sans-serif; font-size: 16px; color: rgb(255, 255, 255);"><em>REGISTER TODAY!!</em></h1>
</div>
<div class="pic1" align="center"><a href="https://www107.livemeeting.com/lrs/radsys_ccc/Registration.aspx?pageName=xpc126l37ngsz2dz" style="border-color:#524741"><img src="http://www.rap-pos.com/march06/images/Register_ButtonSM.gif" /></a></div>
</td>
</tr>
</table>
 
</body>
</html>

Open in new window

ASKER CERTIFIED SOLUTION

gwkg

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

swiftny

ASKER

Thanks a bunch! It completely worked. I truly appreciate it! And great timing as well.

smokingspaceman

If you add styling for the images inside the <a> tags the problem will be fixed.
For example,
.pic1 img {border:0px}
would get rid of the default blue and purple.