As a part of a new style at my work, we received a request to add a update our note style to include a blue line along the left side of our notes, something like this:
img1.png
Since our note sections often can include lists or different paragraph styles, I figured that the fastest and easiest way to do this would be with a div style. I made 3 div styles, one for each level of indentation for our notes, and then applied them to my test doc.
In the print format, things looked great.
img2.png
In the non-print output, things did not work.
img3.png
I'm not an expert with .CSS, so I know that the error probably lies with how I created the styles. Here's the div styles I created:
Code: Select all
div.NOTE
{
border-left: solid 2px #0000ff;
margin-left: 0.15in;
padding-left: -0.15in;
}
div.NOTE2
{
border-left: solid 2px #0000ff;
margin-left: 0.525in;
padding-left: -0.525in;
}
div.NOTE3
{
border-left: solid 2px #0000ff;
margin-left: 0.90in;
padding-left: -0.9in;
Any suggestions on how to fix this issue?
You do not have the required permissions to view the files attached to this post.
.