View Single Post
Old 06-29-2013, 10:22 AM   #15
RbnJrg
Evangelist
RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.
 
Posts: 448
Karma: 299860
Join Date: Mar 2013
Location: Rosario - Santa Fe - Argentina
Device: Kindle 4 NT
Quote:
Originally Posted by jcsalomon View Post
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">&nbsp;</p>
It should work.

Regards
Rubén
Attached Thumbnails
Click image for larger version

Name:	Image1.jpg
Views:	106
Size:	27.0 KB
ID:	107472  
RbnJrg is offline   Reply With Quote