Try changing
background-image:url("/_resources/images/circlearrow.gif") right no-repeat;
to
background:url("/_resources/images/circlearrow.gif") right no-repeat;
On Tue, Sep 29, 2015 at 7:39 PM, Angela French <afre...@sbctc.edu> wrote:
> I have the CSS and html below , but it is not displaying the image in the
> rendered page. The path to the image is correct and the image is there.
> Is my syntax correct in the use of the ::after?
>
> p.studentredirect {
> font-size:.8em;
>
> }
>
> p.studentredirect::after{
> background-image:url("/_resources/images/circlearrow.gif")
> right no-repeat;
> }
>
> .greyOrangeBkg {
> background-color:#e6e7e8;
> border-left:#f15c16 solid 7pt;
> padding: 20px;
> line-height: 1.25em;
> margin:15px 0;
> }
> The html is:
>
> <div class="greyOrangeBkg" >
> <p class="studentredirect">Transfer information for students</p>
> </div>
>
>
> Angela French
> Internet Specialist
> Washington State Board for Community and Technical Colleges
> 360-704-4316
> afre...@sbctc.edu<mailto:afre...@sbctc.edu>
> www.checkoutacollege.com<http://www.checkoutacollege.com/>
> 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/
>
--
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/
