...

View Full Version : text-decoration:none not working



pinoydarv
10-19-2009, 06:46 PM
<style type="text/css">
<!--
.style2 {
font-family: Arial;
color: #00FF00;
font-weight: bold;
font-size: 18px;
text-decoration:none;
}
.style4 {color: #FFFFFF}
.style5 {color: #99FF33+5;
text-decoration:none;
}
.style6 {
font-family: Arial;
font-size: 11px;
color: #202020;
text-decoration:none;
}
.style8 {font-family: Arial; font-size: 11px; color: #666666; font-weight: bold; text-decoration:none;}
.style10 {font-family: Arial; font-size: 11px; color: #202020; font-weight: bold; text-decoration:none; }
.style11 {
font-family: Arial;
font-weight: bold;
color: #990000;
font-size: 17px;
}
.style12 {
font-family: Arial;
font-size: 11px;
font-weight: bold;
}
.style13 {font-family: Arial; font-size: 12px; }
.style14 {
font-size: 12px;
font-weight: bold;
}
.style15 {
color: #000000;
font-weight: bold;
}
.style17 {
color: #000000;
font-size: 11px;
font-family: Arial;
}
.style19 {
font-family: Arial, Helvetica, sans-serif;
color: #00FF00;
font-weight: bold;
font-size: 24px;
}
.style21 {
color: #00FF00;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}
.style22 {
font-family: Arial;
font-size: 14px;
color: #FFFFFF;
text-decoration:none;
}
.style22 a{
font-family: Arial;
font-size: 14px;
color: #99FF00;
text-decoration:none;
}
.style23 {
font-family: Arial;
font-size: 10px;
}
.style26 {
color: #99FF33;
font-size: 25px;
}
-->
</style>

<td height="25" align="right" bgcolor="#7ce902"><span class="style2"><span class="style5"><span class="style6"><a href="test.html">Web Version</a> <a href="test.html"> Privacy</a> </span></span></span><a href="test.html"><span class="style10">Unsubscribe</span></a><span class="style8">&nbsp;&nbsp;&nbsp;</span></td>
</tr>

met
10-19-2009, 07:22 PM
a { text-decoration: none; }
/* remove underline from any link */


is all you need.

and what do you mean, it's not working?

Rowsdower!
10-20-2009, 01:45 PM
a { text-decoration: none; }
/* remove underline from any link */


is all you need.

and what do you mean, it's not working?

This is exactly the right approach.

The reason that it wouldn't be working the other way is that the OP was styling the span that contained the <a> tag, not the <a> tag itself. It's like putting a <p> element inside of a div, giving the div a bottom padding and margin of zero and then still seeing the default bottom padding from the <p> tag. The default behavior of the child element was still present so removing it from the parent would naturally have no effect.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum