Try...
a[title^="Back to"] {
display:inline-block;
margin-top:20px;
background-color:pink; /*test*/
}
I switched it to a[title^="Back to"] so you could use it on a Back to Home or a
Back to anything basically.
Probably would be better to set an id or class and check that though.
HTH,
Best,
Karl DeSaulniers
Design Drumm
http://designdrumm.com
On Mar 24, 2016, at 11:56 AM, Angela French <[email protected]> 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*/
> }
>
> 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/
______________________________________________________________________
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}