> That didn’t work. When I look at in IE developer tool (F12) it is showing a
> strikethrough on that style. I don’t understand why though.
>
> From: Tom Livingston [mailto:tom...@gmail.com]
> Sent: Tuesday, September 29, 2015 4:43 PM
> To: Angela French
> Cc: css-d (css-d@lists.css-discuss.org)
> Subject: Re: [css-d] trouble with background-image in p::after
>
> 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<mailto: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
Try this..
p.studentredirect::after{
background-image:url('/_resources/images/circlearrow.gif');
background-position: right center;
background-repeat: no-repeat;
}
If that doesn't work, try changing the directory _resources to resources_ and
then try this css.
p.studentredirect::after{
background-image:url('/resources_/images/circlearrow.gif');
background-position: right center;
background-repeat: no-repeat;
}
Best,
Karl DeSaulniers
Design Drumm
http://designdrumm.com
______________________________________________________________________
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/
