PDA

View Full Version : Link issues in HTML/CSS



achaean
Oct 15th, 2008, 04:10 AM
Hi,

I'm making an html newsletter for my company and I'm trying to get this links to not appear blue and underlined. I have css/html in my index file, but i'm not sure how to change it so it works. When I send the newsletter to hotmail, the links are not blue and not underlined, however when I send it to a gmail account they are blue and underlined. I want to get rid of this, how do I do it? (Gmail seems to ignore a lot of CSS for some reason). Can someone help me change this code?:confused:

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>.:: News Letter ::.</title>
<style type="text/css">
&amp;lt;!--
body {
margin-top: 0px;
margin-left:0px;
background-color: #000000;
}
.avail {
font-family: Calibri, Arial, Helvetica, sans-serif;
font-size:26px;
font-style:italic;
color:#000000;
font-weight:bold;
}
.avail_nor {
font-family: Calibri, Arial, Helvetica, sans-serif;
font-size:14px;
color:#000000;
font-weight:normal;
}
.price {
font-family: Calibri, Arial, Helvetica, sans-serif;
font-size:14px;
color:#000000;
font-weight:normal;
padding:5px 3px 2px 3px;
}
.dollers {
font-family: Calibri, Arial, Helvetica, sans-serif;
font-size:22px;
color:#000000;
font-weight:bold;
}
.sujith_1 {
font-family: Calibri, Arial, Helvetica, sans-serif;
font-size:18px;
color:#FFFFFF;
font-weight:normal;
}
.sujith_2 {
font-family: Calibri, Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
font-weight:normal;
}
.sujith_3 {
font-family: Calibri, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
font-weight:normal;
}
.october {
font-family: Calibri, Arial, Helvetica, sans-serif;
font-size:16px;
color:#ffb300;
font-weight:normal;
}
.normal {
COLOR: #FFFFFF;
TEXT-DECORATION: none
}
a.normal:link {
COLOR: #FFFFFF;
text-decoration: none;
}
a.normal:active {
COLOR: #FFFFFF;
text-decoration: none;

}
a.normal:visited {
COLOR: #FFFFFF;
text-decoration: none;
}
a.normal:hover {
COLOR: #FFFFFF;
TEXT-DECORATION: underline! important
}
.black {
COLOR: #000000;
TEXT-DECORATION: none
}
a.black:link {
COLOR: #000000;
text-decoration: none;
}
a.black:active {
COLOR: #000000;
text-decoration: none;

}
a.black:visited {
COLOR: #000000;
text-decoration: none;
}
a.black:hover {
COLOR: #000000;
TEXT-DECORATION: underline! important
}
--&amp;gt;
</style>
<div align="left">
<table width="900" background="http://1lacrosse.com/images/newsletter/us/oct/images/usa_bg.jpg" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td width="100"></td>
<td valign="top" width="702" align="left">
<table width="702" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td width="245"><img src="http://1lacrosse.com/images/newsletter/us/oct/images/10x15.jpg" width="10" height="25" /></td>
<td width="457"><img src="http://1lacrosse.com/images/newsletter/us/oct/images/10x15.jpg" width="10" height="25" /></td>
</tr>
<tr>
<td valign="top" align="left"><a href="http://1lacrosse.com"><img src="http://1lacrosse.com/images/newsletter/us/oct/images/logo.png" alt="1 Lacrosse" width="166" border="0" height="90" /></a></td>
<td style="font-family: Calibri, Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; font-weight:normal;" valign="bottom" align="right">
<p>1 Lacrosse Newsletter<br /> <img src="http://1lacrosse.com/images/newsletter/us/oct/images/october.jpg" width="105" border="0" height="17" /><br /><br /> If you can't see the images in this email, <a href="http://1lacrosse.com/images/newsletter/us/oct/index.html" class="normal">click here</a></p>
</td>
</tr>
<tr>
<td><img src="http://1lacrosse.com/images/newsletter/us/oct/images/10x15.jpg" width="10" height="15" /></td>
<td><img src="http://1lacrosse.com/images/newsletter/us/oct/images/10x15.jpg" width="10" height="15" /></td>
</tr>
<tr>
<td colspan="2"><a href="http://1lacrosse.com"><img src="http://1lacrosse.com/images/newsletter/us/oct/images/usa_r2_c2.jpg" alt="Now Open!" width="702" border="0" height="213" /></a></td>
</tr>
<tr>
<td><img src="http://1lacrosse.com/images/newsletter/us/oct/images/10x15.jpg" width="10" height="15" /></td>
<td><img src="http://1lacrosse.com/images/newsletter/us/oct/images/10x15.jpg" width="10" height="15" /></td>
</tr>
<tr>
<td valign="top" align="left" bgcolor="#ffffff">
<table style="height: 338px;" width="245" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td width="18" height="338"><img src="http://1lacrosse.com/images/newsletter/us/oct/images/10x15_FF.jpg" width="10" height="18" /></td>
<td width="212">
<p><a href="http://1lacrosse.com"><img src="http://1lacrosse.com/images/newsletter/us/oct/images/equipment.jpg" width="155" border="0" height="82" /></a></p>
<p><span class="avail_nor">1 Lacrosse is ready to open its doors and show you our lacrosse gear. Log on now to <a href="http://1lacrosse.com" target="_blank" class="black">www.1lacrosse.com</a> to see what all the fuss is about.</span></p>
<p><span class="avail_nor">Need a sponsor? Have a camp or clinic? Want custom gear for your team? Email us at<br /> <a href="mailto:[email protected]" class="black">[email protected]</a></span></p>
<p><span class="avail_nor">To join our affiliate program email <a href="mailto:[email protected]" class="black">[email protected]</a></span></p>
</td>
<td width="15"><img src="http://1lacrosse.com/images/newsletter/us/oct/images/10x15_FF.jpg" width="10" height="18" /></td>
</tr>
</tbody>
</table>
</td>
<td valign="top" align="left" bgcolor="#ffffff">
<table width="457" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td width="217"><img src="http://1lacrosse.com/images/newsletter/us/oct/images/10x15_FF.jpg" width="10" height="18" /></td>
<td width="10"><img src="http://1lacrosse.com/images/newsletter/us/oct/images/10x15_FF.jpg" width="10" height="18" /></td>
<td width="217"><img src="http://1lacrosse.com/images/newsletter/us/oct/images/10x15_FF.jpg" width="10" height="18" /></td>
<td width="13"><img src="http://1lacrosse.com/images/newsletter/us/oct/images/10x15_FF.jpg" width="10" height="18" /></td>
</tr>
<tr>
<td valign="top"><a href="index.php?page=shop.product_details&amp;flypage=flypage.tpl&amp;product_id=52&amp;category_id=1&amp;option=com_virtu emart&amp;Itemid=86"><img src="http://1lacrosse.com/images/newsletter/us/oct/images/usa_r4_c4.jpg" alt="1322E Shaft" width="217" border="0" height="128" /></a></td>
<td></td>
<td><a href="index.php?page=shop.product_details&amp;flypage=flypage.tpl&amp;product_id=5&amp;category_id=2&amp;option=com_virtue mart&amp;Itemid=86"><img src="http://1lacrosse.com/images/newsletter/us/oct/images/usa_r4_c7.jpg" alt="Stringing Kit" width="217" border="0" height="128" /></a></td>
<td></td>
</tr>
<tr>
<td class="price">Titanium enhanced alloy attack shafts also available in goalie and defense sizes.</td>
<td></td>
<td class="price">The 1 Lacrosse stringing kit comes with all the items you need to construct the perfect pocket.</td>
<td></td>
</tr>
<tr>
<td valign="top">
<table width="217" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td class="dollers" width="127" align="left">$49.99</td>
<td width="90"><a href="index.php?page=shop.product_details&amp;flypage=flypage.tpl&amp;product_id=52&amp;category_id=1&amp;option=com_virtu emart&amp;Itemid=86"><img src="http://1lacrosse.com/images/newsletter/us/oct/images/usa_r6_c8.jpg" alt="Buy Now!" width="90" border="0" height="22" /></a></td>
</tr>
</tbody>
</table>
</td>
<td></td>
<td valign="top">
<table width="217" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td class="dollers" width="127" align="left">$14.99</td>
<td width="90"><a href="index.php?page=shop.product_details&amp;flypage=flypage.tpl&amp;product_id=5&amp;category_id=2&amp;option=com_virtue mart&amp;Itemid=86"><img src="http://1lacrosse.com/images/newsletter/us/oct/images/usa_r6_c8.jpg" alt="Buy Now!" width="90" border="0" height="22" /></a></td>
</tr>
</tbody>
</table>
</td>
<td></td>
</tr>
<tr>
<td><img src="http://1lacrosse.com/images/newsletter/us/oct/images/10x15_FF.jpg" width="10" height="18" /></td>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td><a href="index.php?page=shop.product_details&amp;flypage=flypage.tpl&amp;product_id=8&amp;category_id=2&amp;option=com_virtue mart&amp;Itemid=86"><img src="http://1lacrosse.com/images/newsletter/us/oct/images/usa_r8_c3.jpg" alt="3-Pack Lacrosse Balls" width="217" border="0" height="128" /></a></td>
<td></td>
<td><a href="index.php?page=shop.product_details&amp;flypage=flypage.tpl&amp;product_id=2&amp;category_id=1&amp;option=com_virtue mart&amp;Itemid=86"><img src="http://1lacrosse.com/images/newsletter/us/oct/images/usa_r8_c7.jpg" alt="AON Head" width="217" border="0" height="128" /></a></td>
<td></td>
</tr>
<tr>
<td class="price">3-Pack of balls comes in a 1 Lacrosse sleeve for added style.</td>
<td></td>
<td class="price">Designed around the pocket, the AON comes ready to play.</td>
<td></td>
</tr>
<tr>
<td valign="top">
<table width="217" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td class="dollers" width="127" align="left">$9.99</td>
<td width="90"><a href="index.php?page=shop.product_details&amp;flypage=flypage.tpl&amp;product_id=8&amp;category_id=2&amp;option=com_virtue mart&amp;Itemid=86"><img src="http://1lacrosse.com/images/newsletter/us/oct/images/usa_r6_c8.jpg" alt="Buy Now!" width="90" border="0" height="22" /></a></td>
</tr>
</tbody>
</table>
</td>
<td></td>
<td valign="top">
<table width="217" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td class="dollers" width="127" align="left">$59.99</td>
<td width="90"><a href="index.php?page=shop.product_details&amp;flypage=flypage.tpl&amp;product_id=2&amp;category_id=1&amp;option=com_virtue mart&amp;Itemid=86"><img src="http://1lacrosse.com/images/newsletter/us/oct/images/usa_r6_c8.jpg" alt="Buy Now!" width="90" border="0" height="22" /></a></td>
</tr>
</tbody>
</table>
</td>
<td></td>
</tr>
<tr>
<td><img src="http://1lacrosse.com/images/newsletter/us/oct/images/10x15_FF.jpg" width="10" height="18" /></td>
<td></td>
<td></td>
<td></td>
</tr>
</tbody>
</table>
</td>
</tr>
<tr>
<td></td>
<td><img src="http://1lacrosse.com/images/newsletter/us/oct/images/10x15.jpg" width="10" height="15" /></td>
</tr>
<tr>
<td colspan="2" style="font-family: Calibri, Arial, Helvetica, sans-serif; color:#FFFFFF; font-weight:normal;" valign="top" align="center">
<p style="font-size:18px;">The Future is 1</p>
<p>Visit <a href="http://1lacrosse.com" target="_blank" class="normal">www.1lacrosse.com</a> or email <a href="mailto:[email protected]" class="normal">[email protected]</a><br /> We sent you this email because you asked for updates about new products and promotions.<br /> If you do not want to receive these email updates, click here to <a href="mailto:[email protected]" class="normal">unsubscribe</a> <br /> <br /> For more information about our privacy policy, please <a href="index.php?option=com_content&amp;view=article&amp;id=51&amp;Itemid=60" class="normal">click here</a><br /> Copyright 2008 by 1 Lacrosse. All Rights Reserved</p>
</td>
</tr>
<tr>
<td></td>
<td><img src="http://1lacrosse.com/images/newsletter/us/oct/images/10x15.jpg" width="10" height="15" /></td>
</tr>
</tbody>
</table>
</td>
<td width="98"></td>
</tr>
</tbody>
</table>
</div>

_Aerospace_Eng_
Oct 15th, 2008, 04:17 AM
I think you are going to have to use inline styles. I believe gmail removes internal and external stylesheets from the source code.

achaean
Oct 15th, 2008, 04:32 AM
Can anyone help me with this? I have no idea how to do it...

Sam

abduraooft
Oct 15th, 2008, 09:11 AM
See http://htmldog.com/guides/cssbeginner/applyingcss/ for how to apply in-line styles.