On Thu, Mar 24, 2016 at 12:56 PM, Angela French <afre...@sbctc.edu> wrote:
> 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*/ > } > You most likely won't see a bg color BEHIND an image. The syntax looks right to me. Try adding a border or outline for testing. Try padding instead of margin. > > 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*/ > } > > I've never seen '<' used before. I don't think that's a thing. You can't select elements back UP in the DOM tree, unfortunately. Good reference: https://css-tricks.com/attribute-selectors/ HTH -- Tom Livingston | Senior Front End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com #663399 ______________________________________________________________________ css-discuss [css-d@lists.css-discuss.org] 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/
