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/
