Re: [css-d] syntax: attribute selector on linked image

[Karl DeSaulniers]

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 <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*/
> }
> 
> 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
> afre...@sbctc.edu<mailto:afre...@sbctc.edu>
> www.sbctc.edu<http://www.sbctc.edu/>
> 
> ______________________________________________________________________
> 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/

______________________________________________________________________
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/