Quote:
Originally Posted by jcsalomon
I’m trying to adapt my suggestion above to SVG images—which it should be possible to make hr tags appear with, right?
Code:
<?xml version="1.0" encoding="utf-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
"http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="60" height="10" xmlns="http://www.w3.org/2000/svg">
<text stroke-width="0" x="30" y="7.3" font-size="10"
text-anchor="middle">—»·›–•–‹·«—</text>
</svg>
Can’t figure out the CSS to make this work, though. This isn’t working:
Code:
hr { background-image:url("../Images/hr.svg"); }
|
With the tag <hr> doesn't work. Try the following:
In you .css stylesheet, write:
Code:
.svg_fleuron {
background-image: url("../Images/hr.svg");
background-position: 50% 0%;
background-repeat: no-repeat;
}
Write it as I did it;
don't use the background shorthand property.
In your .xhtml file write:
Code:
<p class="svg_fleuron"> </p>
It should work.
Regards
Rubén