View Single Post
Old 12-20-2020, 07:25 PM   #3
wellesradio
Member
wellesradio is a rising star in the heavenswellesradio is a rising star in the heavenswellesradio is a rising star in the heavenswellesradio is a rising star in the heavenswellesradio is a rising star in the heavenswellesradio is a rising star in the heavenswellesradio is a rising star in the heavenswellesradio is a rising star in the heavenswellesradio is a rising star in the heavenswellesradio is a rising star in the heavenswellesradio is a rising star in the heavens
 
Posts: 23
Karma: 13884
Join Date: Jan 2014
Device: apple ipad (3rd generation)
Quote:
Originally Posted by Turtle91 View Post
I noticed this as well...my fix is to use an SVG wrapper for full page images along with the vh/vw units for height and width.
Didn't seem to work. It created a blank page.

Here's what I currently have for the book cover. The dimensions are 1127x1800 pixels but I didn't put that anywhere in the code. All in all, it looks great and I don't care if it fills the entire screen, but it does cut a portion of the bottom of the image off and spills it over onto the next page.

Please guide me where I can make some changes:
Code:
<?xml version="1.0" encoding="utf-8"?>
<!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>
  <link href="../Styles/nyrb.css" rel="stylesheet" type="text/css"/>

  <title>Cover</title>
  
<style type="text/css">
img { max-width: 100%; }
</style>
<meta content="urn:uuid:4bf76f52-8996-4795-95a0-48e28ff4cf4d" name="Adept.expected.resource"/>
</head>

<body>
<div style="text-align: center;"><img alt="Doomsday Book" src="../Images/cover.png"/>
  </div>
</body>
</html>
wellesradio is offline   Reply With Quote