PDA

View Full Version : Blue and Purple Boxes around Image Link


joesp
02-13-2009, 02:59 AM
I'm trying to troubleshoot this newsletter my wife is writing, and she would like the blue picture box and the purple picture box around the bullseye image link (projectjumpstartlogoforemail.jpg) towards the bottom of the page. Can anyone help provide the appropriate code to make these random/default link borders disappear? I've done this before in Dreamweaver (border="0"), but really don't understand enough to make this happen when not using dreamweaver.

The code follows, sorry for including it all, but I don't know what's pertinent to this issue. Thank you for your help.


<HTML xmlns:o = "urn:schemas-microsoft-com:office:office"><HEAD><TITLE>Ward Edwards Newsletter</TITLE>
<META http-equiv=Content-Type content="text/html; charset=ISO-8859-1">
<STYLE type=text/css>
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-image: url();
background-color: #999966;
}
#maindiv {
height: 100%;
width: 100%;
}
#newsletterdate {
text-align: right;
width: 568px;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
color: #E5F1B5;
}
#header {
width: 568px;
}
#leftside {
background-color: #C4D99A;
width: 368px;
border: 1px solid #FFFFFF;
float: none;
padding: 0px;
position: relative;
left: 0px;
top: 0px;
z-index: auto;
height: 600px;
margin: 0px;
}
#rightside {
background-color: #CDCC9A;
float: none;
width: 190px;
border: 1px solid #FFFFFF;
height: 600px;
position: relative;
left: 0px;
top: 0px;
}
.bottomnav {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #E5F1B5;
}
h1 {
font-family: "Times New Roman", Times, serif;
font-size: 19px;
color: #000000;
}
td {
font-family: "Times New Roman", Times, serif;
font-size: 11px;
line-height: 14px;
}
.header {
font-family: "Times New Roman", Times, serif;
font-size: 19px;
color: #000000;
}
p {
font-family: "Times New Roman", Times, serif;
font-size: 11px;
line-height: 14px;
}
b {
font-family: "Times New Roman", Times, serif;
font-size: 11px;
font-weight: bold;
color: #900000;
}
a {
font-family: "Times New Roman", Times, serif;
font-size: 11px;
color: #990000;
text-decoration: underline;
}
#divspacer {
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}
#inset {
background-color: #E6F1B5;
width: 100%;
border: 1px solid #000000;
}
#footer {
width: 568px;
top: 700px;
}
a.bottomnav {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #E5F1B5;
text-decoration: underline;
}
-->
</STYLE>

<META content="MSHTML 6.00.6001.18203" name=GENERATOR></HEAD>
<BODY bgColor=#c4d99a>
<DIV id=maindiv align=center>
<DIV class=header id=header style="WIDTH: 580px; HEIGHT: 740px">&nbsp;<IMG src="http://wardedwards.com/sendstudio/temp/images/3/header%20for%20Project%20Jumpstart%20email%20b.jpg">
<TABLE cellSpacing=0 cellPadding=0 width=568 border=0>
<TBODY>
<TR>
<TD vAlign=top bgColor=#c4d99a>
<DIV class=leftside id=leftside style="WIDTH: 577px; HEIGHT: 312px">
<H1 class=header align=left>
<P class=MsoNormal style="MARGIN: 0in 0in 0pt">
<P class=MsoNormal style="MARGIN: 0in 0in 0pt"><A href="mailto:Kseipel-parks@wardedwards.com"><FONT color=#0000ff size=3></FONT></A></P>
<P></P></H1>
<P class=divspacer align=center><FONT size=3><STRONG><FONT color=#006400></FONT></STRONG></FONT>&nbsp;</P><FONT face=Tahoma color=#000000 size=3>
<P class=MsoNormal style="MARGIN: 0in 0in 0pt; LINE-HEIGHT: 30px; mso-line-height-alt: 7.5pt" align=left><SPAN style="FONT-SIZE: 12pt; COLOR: black; FONT-FAMILY: 'Helvetica','sans-serif'; mso-fareast-font-family: 'Times New Roman'"><FONT face=Tahoma><FONT size=2><FONT size=3>It's a new year and you are probably thinking about what your next move&nbsp;shoud be and when you should&nbsp;make it.&nbsp;Some of the suggestions put forth by&nbsp;the <STRONG>Urban Land Institute</STRONG> in&nbsp;their <STRONG>Best Advice for 2009</STRONG> include:</FONT> </FONT></FONT></SPAN></P></FONT><FONT face=Arial size=3><FONT color=#000000><SPAN style="FONT-SIZE: 12pt; COLOR: black; FONT-FAMILY: 'Helvetica','sans-serif'; mso-fareast-font-family: 'Times New Roman'"><FONT face=Tahoma size=2>
<UL type=disc>
<LI class=MsoNormal style="MARGIN: 0in 0in 10pt; COLOR: black; LINE-HEIGHT: normal; mso-margin-top-alt: auto; mso-margin-bottom-alt: auto; mso-list: l0 level1 lfo1; tab-stops: list .5in"><SPAN style="FONT-SIZE: 7.5pt; FONT-FAMILY: 'Arial','sans-serif'; mso-fareast-font-family: 'Times New Roman'"><FONT size=2><FONT face=Tahoma>Retrench on development and reorient to mixed-use and infill. Higher-density residential with retail will gain favor in next round of building. <o:p></o:p></FONT></FONT></SPAN>
<LI class=MsoNormal style="MARGIN: 0in 0in 10pt; COLOR: black; LINE-HEIGHT: normal; mso-margin-top-alt: auto; mso-margin-bottom-alt: auto; mso-list: l0 level1 lfo1; tab-stops: list .5in"><SPAN style="FONT-SIZE: 7.5pt; FONT-FAMILY: 'Arial','sans-serif'; mso-fareast-font-family: 'Times New Roman'"><FONT size=2><FONT face=Tahoma>Go green – cutting energy expenses is likely to be a priority. <o:p></o:p></FONT></FONT></SPAN>
<LI class=MsoNormal style="MARGIN: 0in 0in 10pt; COLOR: black; LINE-HEIGHT: normal; mso-margin-top-alt: auto; mso-margin-bottom-alt: auto; mso-list: l0 level1 lfo1; tab-stops: list .5in"><SPAN style="FONT-SIZE: 7.5pt; FONT-FAMILY: 'Arial','sans-serif'; mso-fareast-font-family: 'Times New Roman'"><FONT size=2><FONT face=Tahoma>Buy or hold multi-family; hold office; hold hotels; buy residential building lots, but be prepared to hold. <o:p></o:p></FONT></FONT></SPAN>
<LI class=MsoNormal style="MARGIN: 0in 0in 10pt; COLOR: black; LINE-HEIGHT: normal; mso-margin-top-alt: auto; mso-margin-bottom-alt: auto; mso-list: l0 level1 lfo1; tab-stops: list .5in"><SPAN style="FONT-SIZE: 7.5pt; FONT-FAMILY: 'Arial','sans-serif'; mso-fareast-font-family: 'Times New Roman'"><FONT size=2><FONT face=Tahoma>Purchase distressed condos in urban areas near transit. <o:p></o:p></FONT></FONT></SPAN>
<LI class=MsoNormal style="MARGIN: 0in 0in 10pt; COLOR: black; LINE-HEIGHT: normal; mso-margin-top-alt: auto; mso-margin-bottom-alt: auto; mso-list: l0 level1 lfo1; tab-stops: list .5in"><SPAN style="FONT-SIZE: 7.5pt; FONT-FAMILY: 'Arial','sans-serif'; mso-fareast-font-family: 'Times New Roman'"><FONT face=Tahoma size=2>Focus on neighborhood retail centers with strong grocery anchors and chain drugstores </FONT></SPAN></LI></UL><SPAN style="FONT-SIZE: 7.5pt; FONT-FAMILY: 'Arial','sans-serif'; mso-fareast-font-family: 'Times New Roman'"><FONT color=#000000><SPAN style="FONT-SIZE: 7.5pt; COLOR: black; LINE-HEIGHT: 115%; FONT-FAMILY: 'Arial','sans-serif'; mso-fareast-font-family: 'Times New Roman'"><FONT size=1>
<P class=MsoNormal style="MARGIN: 0in 0in 5pt; LINE-HEIGHT: normal"><SPAN style="FONT-SIZE: 9pt; COLOR: #595959; FONT-FAMILY: 'Arial','sans-serif'; mso-fareast-font-family: 'Times New Roman'; mso-themecolor: text1; mso-themetint: 166; mso-bidi-font-weight: bold"><FONT face=Tahoma><FONT size=1>Commercial Real Estate Market to Hit Bottom Next Year, Finds Emerging Trends in Real Estate® 2009 Report from the Urban Land Institute and PricewaterhouseCoopers (</FONT></FONT></SPAN><SPAN style="FONT-SIZE: 9pt; COLOR: #595959; LINE-HEIGHT: 115%; FONT-FAMILY: 'Arial','sans-serif'; mso-fareast-font-family: 'Times New Roman'; mso-themecolor: text1; mso-themetint: 166"><FONT face=Tahoma size=1>Fahey, Marge)</FONT></SPAN><SPAN style="FONT-SIZE: 9pt; COLOR: #595959; LINE-HEIGHT: 115%; mso-themecolor: text1; mso-themetint: 166"><o:p></o:p></SPAN></P>
<P class=MsoNormal style="MARGIN: 0in 0in 5pt; COLOR: black; LINE-HEIGHT: normal; mso-margin-top-alt: auto; mso-margin-bottom-alt: auto; mso-list: l0 level1 lfo1; tab-stops: list .5in"></FONT></SPAN></FONT>&nbsp;</P><o:p></o:p></SPAN></FONT></SPAN>
<P class=MsoNormal style="MARGIN: 0in 0in 0pt; LINE-HEIGHT: 30px; mso-line-height-alt: 7.5pt" align=left><SPAN style="FONT-SIZE: 12pt; COLOR: black; FONT-FAMILY: 'Helvetica','sans-serif'; mso-fareast-font-family: 'Times New Roman'"><FONT face=Tahoma size=2>As you think about strategy, keep in mind that the average project takes six months or more to go through the programming and entitlement process. That means that <STRONG>now is the time to prepare</STRONG> for the market recovery&nbsp;predicted&nbsp;for the end of the year. </FONT></SPAN></P>
<P class=MsoNormal style="MARGIN: 0in 0in 0pt; LINE-HEIGHT: 30px; mso-line-height-alt: 7.5pt" align=left><SPAN style="FONT-SIZE: 12pt; COLOR: black; FONT-FAMILY: 'Helvetica','sans-serif'; mso-fareast-font-family: 'Times New Roman'"></SPAN>&nbsp;</P>
<P class=MsoNormal style="MARGIN: 0in 0in 0pt; LINE-HEIGHT: 30px; mso-line-height-alt: 7.5pt" align=left><SPAN style="FONT-SIZE: 12pt; COLOR: black; FONT-FAMILY: 'Helvetica','sans-serif'; mso-fareast-font-family: 'Times New Roman'"><FONT face=Tahoma color=#8b0000><STRONG>According to the&nbsp;National Association of Home Builders...</STRONG></FONT></SPAN></P>
<P class=MsoNormal style="MARGIN: 0in 0in 0pt; LINE-HEIGHT: 30px; mso-line-height-alt: 7.5pt" align=left><SPAN style="FONT-SIZE: 12pt; COLOR: black; FONT-FAMILY: 'Helvetica','sans-serif'; mso-fareast-font-family: 'Times New Roman'"><FONT face=Tahoma><FONT size=2>"Basic assumptions regarding monetary and fiscal policy, if realized, should <STRONG>strengthen the economy by the second half of this year</STRONG>, and that process should help form a bottom for the housing market within the year — even without new fiscal measures to strengthen housing demand. <o:p></o:p></FONT></FONT></SPAN></P>
<P class=MsoNormal style="MARGIN: 0in 0in 10pt; LINE-HEIGHT: 30px; mso-line-height-alt: 7.5pt; mso-margin-top-alt: auto; mso-margin-bottom-alt: auto" align=left><SPAN style="FONT-SIZE: 12pt; COLOR: black; FONT-FAMILY: 'Helvetica','sans-serif'; mso-fareast-font-family: 'Times New Roman'"><FONT face=Tahoma><FONT size=2>It’s important to note, however, that our baseline housing forecast is subject to considerable downside risk. </FONT></FONT></SPAN><SPAN style="FONT-SIZE: 12pt; COLOR: black; FONT-FAMILY: 'Helvetica','sans-serif'; mso-fareast-font-family: 'Times New Roman'"><FONT face=Tahoma><FONT size=2>If the impending fiscal stimulus package includes the interest-rate buydowns and the home-buyer tax credits being advocated by NAHB and the Fix Housing First coalition, <STRONG>solid housing recovery in 2009 and beyond will be virtually guaranteed</STRONG>."</FONT></FONT></SPAN></P>
<P class=MsoNormal style="MARGIN: 0in 0in 10pt; LINE-HEIGHT: 30px; mso-line-height-alt: 7.5pt; mso-margin-top-alt: auto; mso-margin-bottom-alt: auto" align=left><SPAN style="FONT-SIZE: 12pt; COLOR: black; FONT-FAMILY: 'Helvetica','sans-serif'; mso-fareast-font-family: 'Times New Roman'"></SPAN><SPAN style="FONT-SIZE: 12pt; COLOR: black; FONT-FAMILY: 'Helvetica','sans-serif'; mso-fareast-font-family: 'Times New Roman'"><FONT face=Tahoma><FONT size=1><FONT color=#808080>source: NABH's Eye on the Economy newsletter 1/14/09<o:p></o:p></FONT></FONT></FONT></SPAN></P>
<DIV style="LINE-HEIGHT: 30px" align=left>But how do you get started?</DIV>
<DIV style="LINE-HEIGHT: 30px" align=left><FONT face=Tahoma>Whether this is your first or twenty-first development project, the process can feel like <STRONG><FONT size=3><SPAN style="FONT-SIZE: 14pt; VERTICAL-ALIGN: middle; COLOR: #9a0000; FONT-FAMILY: 'Bookman Old Style', serif">DIVING INTO THE DEEP END</SPAN>. </FONT></STRONG></FONT><FONT face=Tahoma>That's why we created an online tool to help you prepare for the better economic times that lie ahead. </FONT></DIV></FONT></FONT>
<P class=divspacer align=center><FONT face=Tahoma><FONT size=4><FONT color=#000000>Ward Edwards</FONT> announces the launch of <STRONG><FONT color=#556b2f>Project J</FONT><FONT color=#556b2f>ump</FONT><FONT color=#8b0000>start</FONT></STRONG>.</FONT></FONT></P>
<P class=divspacer align=left><FONT face=Tahoma size=2>This online tool provides information on the local permitting and development process including: </FONT></P>
<UL>
<LI>
<DIV class=divspacer align=left><FONT face=Tahoma size=2>approximate schedules and fees</FONT></DIV>
<LI>
<DIV class=divspacer align=left><FONT face=Tahoma size=2>teaming partners</FONT></DIV>
<LI>
<DIV class=divspacer align=left><FONT face=Tahoma size=2>considerations unique to your site </FONT></DIV></LI></UL>
<P class=divspacer align=left><FONT face=Tahoma size=2>Just answer <FONT color=#8b0000><STRONG>8</STRONG></FONT> <FONT color=#8b0000><STRONG>questions</STRONG></FONT> about you potential project site and you will <STRONG>instantly</STRONG> get a <STRONG>free</STRONG> report. You can also use it to compare multiple sites.</FONT></P>
<P class=divspacer align=center><FONT face=Tahoma size=2>Click on the icon below to get started.</FONT></P>
<P class=divspacer align=center><A href="http://www.wardedwards.com/jumpstart.php"><IMG src="http://wardedwards.com/sendstudio/temp/images/3/project%20jumpstart%20logo%20for%20email.jpg"></A></P>
<P class=divspacer align=center><FONT face=Tahoma size=3>For more information, contact </FONT><A href="mailto:gbaisch@wardedwards.com"><FONT face=Tahoma color=#8b0000 size=3>Greg Baisch</FONT></A><FONT face=Tahoma size=3>.</FONT></P>
<P class=divspacer align=center>&nbsp;</P></DIV></TD>
<TD vAlign=top align=right bgColor=#cdcc9a></TD></TR></TBODY></TABLE><IMG height=72 src="http://wardedwards.com/sendstudio/temp/images/3/project%20jumpstart%20footer.jpg" width=578></DIV>
<DIV class=footer id=footer align=center><BR><SPAN class=bottomnav><A class=bottomnav href="http://wardedwards.com/overview.php"><BR>About Ward Edwards</A> | <A class=bottomnav href="http://wardedwards.com/healthycommunities.php">Contact Us</A> | <A class=bottomnav href="http://wardedwards.com/careers.php">Join Our Team</A> | <A class=bottomnav href="http://wardedwards.com/services.php">Our Services</A> | <A class=bottomnav href="http://wardedwards.com/commercial1.php">Portfolio</A> | <A class=bottomnav href="http://wardedwards.com/healthycommunities.php">Healthy Communities</A></SPAN>
<P><IMG height=23 src="http://www.wardedwards.com/newsletter/images/footer2.gif" width=540 useMap=#Map border=0> <MAP id=Map name=Map><AREA shape=RECT coords=371,5,538,19 href="http://www.wardedwards.com"></MAP></P>
<P><BR></P></DIV></DIV></BODY></HTML>

coloeagle
02-13-2009, 03:37 AM
In your css remove the image borders with
img {border:0;}

joesp
02-13-2009, 04:25 AM
Perfect. Thank you.

Corrosive
02-13-2009, 09:39 AM
Perfect. Thank you.

Just to explain. Internet Explorer puts a border around linked images by default. Other browsers (Firefox, Chrome, Safari etc.) don't do this. What Colo has correctly advised you to do is to cancel the IE default by stipulating no borders on any image (img). It is good to understand what the defaults are in browsers so that you can compensate for them when building and ensuring that your design looks the same across all browsers.

joesp
02-13-2009, 04:35 PM
Thanks Corrosive! It's always good to know why.

Corrosive
02-13-2009, 05:07 PM
Thanks Corrosive! It's always good to know why.

I agree. It is good to know why stuff happens rather than just how to fix it. Something Domedia helped me with loads when I started. :)

domedia
02-13-2009, 08:00 PM
Teach a man to fish.. uh.. I forgot the rest ;)

coloeagle
02-15-2009, 07:53 PM
I agree. It is good to know why stuff happens rather than just how to fix it. Something Domedia helped me with loads when I started. :)
Thanks Corrosive! It's always good to know why.
<shame>My bad, sorry about that.</shame>

Corrosive
02-16-2009, 08:31 AM
<shame>My bad, sorry about that.</shame>

He, he. You do a lot of good work Colo...will let this one ride :wink: