View Single Post
Old 03-11-2015, 05:41 PM   #2
RbnJrg
Wizard
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: 1,777
Karma: 8700631
Join Date: Mar 2013
Location: Rosario - Santa Fe - Argentina
Device: Kindle 4 NT
Hi Roger;

I didn't the try but I think you must use the background not in "body" but in the div tag, something like:

Code:
<div class="enfant_back">
     <img alt="Image" src="texte-enfant.svg" style="width:100%" />
</div>
and in your .css file:

Code:
.enfant_back {
     background-image: url(enfant.png);
     background-repeat: no-repeat;
     background-size: Npx Mpx;
     margin: 0 0 0 0; 
}
where N is the width and M the height of your svg image (or you can try to adjust the svg viewbox to mach the .png image to avoid distortion; in this last case, you also must adjust the position of the svg text).

As I told you, I didn't the try but I think it should work

Regards
Rubén
RbnJrg is offline   Reply With Quote