MobileRead Forums - View Single Post - jpg as a cover, how to adjust it as a 1st page?

Adjust · 02-27-2011, 05:30 PM

Add this to your template.CSS file. (you can edit it in either a text editor like textwrangler or in dreamweaver, something which saves as UTF-8)

PHP Code:


			
.image {

     margin-top: 1em;

     margin-bottom: 1em;

     margin-left: 1.2em;

     text-align: center;

     max-height: 100%

}

Then open your Cover.XHTML (or whatever it's called and change the code to match mine

PHP 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">

    <head>

        <title>Cover</title>

        <link href="template.css" rel="stylesheet" type="text/css" />

    </head>

    <body>

        <div id="cover">

            <div class="image">

                <img src="images/Cover.jpg" alt="Cover.jpg" height="100%" />

    </div>

    </div>

    </body>

</html>

02-27-2011, 05:30 PM	#4
Adjust Addict Posts: 351 Karma: 70000 Join Date: Jul 2010 Location: Australia Device: ADE, iPad	Add this to your template.CSS file. (you can edit it in either a text editor like textwrangler or in dreamweaver, something which saves as UTF-8) PHP Code: `.image { margin-top: 1em; margin-bottom: 1em; margin-left: 1.2em; text-align: center; max-height: 100% }` Then open your Cover.XHTML (or whatever it's called and change the code to match mine PHP 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"> <head> <title>Cover</title> <link href="template.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="cover"> <div class="image"> <img src="images/Cover.jpg" alt="Cover.jpg" height="100%" /> </div> </div> </body> </html>