How do I prevent link styles from showing on the images that are positioned
inside a div class with specified link style? An example below.
<div class="aCol">
Content text here Content text here Content text here Content text here
<div class="divRight">
<a href="#"><img src="top.gif" alt="Back to top of the page" width="30"
height="10" /></a>
</div>
</div>
.aCol a
{
color : #AE0D2D;
text-decoration : none;
border-bottom : 1px dashed #90AAAB;
}
I have tried doing......
.divRight img a
{
border-bottom : none;
}
and
.aCol img a
{
border-bottom : none;
}
..obviously weren't right so they didn't work :P
In the end I cheated by doing this:
<div class="aCol">
Content text here Content text here Content text here Content text here
</div>
<div class="divRight">
<a href="#"><img src="top.gif" alt="Back to top of the page" width="30"
height="10" /></a>
</div>
Feel bad cheating without knowing why it can't be solved...
Best Wishes,
Jaime .......
*****************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
*****************************************************
