View Single Post
Old 03-13-2013, 09:26 AM   #18
Derek R
Connoisseur
Derek R began at the beginning.
 
Derek R's Avatar
 
Posts: 87
Karma: 20
Join Date: Jun 2011
Location: County Down, Northern Ireland
Device: none
Here is the full code for the cover page I created using the svg wrapper:

Code:
<?xml version="1.0" encoding="utf-8" standalone="no"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
  "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
  <title>In the Celtic Past</title>
  <link href="../Styles/style.css" rel="stylesheet" type="text/css" />
</head>

<body>
  <div>
    <svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid meet" version="1.1" viewBox="0 0 1200 1600" xmlns:xlink="http://www.w3.org/1999/xlink">
      <image height="1600" width="1200" xlink:href="../Images/cover.jpg"></image>
    </svg>
  </div>
</body>
</html>
This has worked a treat. Just change the dimensions in the viewBox and image tag to the actual dimensions of your image. Obviously, you would have your own title between the title tags... oh, and change the name of the image if yours isn't "cover.jpg".

Last edited by Derek R; 03-13-2013 at 09:31 AM.
Derek R is offline   Reply With Quote