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
[email protected]<mailto:[email protected]>
www.checkoutacollege.com<http://www.checkoutacollege.com/>
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/
