Quote:
Originally Posted by MikeWV
The following is an example of the code I'm using for my images. Maybe someone will see a reason why applying "font-family: sans-serif" to the parent element is having no effect.
<div class="txcenter">
<p class="imcenter">
<img src="../images/13f01_eff_front_graph.svg"
width="100%"
height="auto"
alt="Efficient Frontier Plot"
title="Efficient Frontier Plot" />
</p>
<p class="figurenum">Figure 13-1</p>
</div>
img {
display: block;
text-indent: 0;
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
}
.txcenter {
text-align: center;
page-break-inside: avoid;
}
.imcenter {
text-align: center;
display:inline-block;
font-family: sans-serif; This has no effect.
}
Any place where font-family has been specified in the CSS it has been specified as normal. I did that so that readers can use their preferred fonts.
.txcenter is the class for the division that contains the inline block. Adding font-family to that class has no effect either. |
Ah, I do not think inheritance works to another file. Try placing the SVG code inline in the html document instead of as a separate file. However putting the SVG statements inside the SVG itself should have worked. When it is a different document the rules are different.
Dale