Hello,
I am trying to write CSS that will apply top margin on an image that is used as
a back arrow button. The generated html is as follows:
<td>
<span>
<a title="Back to Previous View" href="javascript:controller.navigateBack();">
<img width="11" height="13" alt="Back to Previous View" title="Back to Previous
View"
src="http://www.trumba.com/i/DgC4zgBAwusa93o2xKoNIHtu.gif?color=%2308799f";></a></span></td>
I tried writing the CSS as:
a[title="Back to Previous View"] img{
display:block;
margin-top:20px;
background-color:pink; /*test*/
}
Unfortunately, I'm seeing no effect. Is my syntax incorrect, or am I trying to
do something that is not possible? I also tried targeting the <td> the image
is in and applying padding to the cell like this:
td < a[title="Back to Previous View"] img{
/*display:block;*/
padding-top:200px; /* big for test */
background-color:pink; /*test*/
}
and this (removed img):
td < a[title="Back to Previous View"] {
/*display:block;*/
padding-top:200px; /* big for test */
background-color:pink; /*test*/
}
Thank you for any advice.
Angela French
Internet/Intranet Specialist
Washington State Board for Community and Technical Colleges
360-704-4316
[email protected]<mailto:[email protected]>
www.sbctc.edu<http://www.sbctc.edu/>
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
![http://www.trumba.com/i/DgC4zgBAwusa93o2xKoNIHtu.gif?color=%2308799f"](http://www.trumba.com/i/DgC4zgBAwusa93o2xKoNIHtu.gif?color=%2308799f"){kind=link}