View Single Post
Old 02-14-2011, 03:01 AM   #18
JonDeus
HackJOB
JonDeus began at the beginning.
 
Posts: 17
Karma: 10
Join Date: Feb 2011
Device: Nook Color, iPad, Android(Epic), PC.
Can anyone tell me if this is a good page template?
Is there anything missing i would need for doing a graphics only book?


<?xml version="1.0"?>
<!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>
<link href="../Styles/style001.xpgt" rel="stylesheet" type="text/css" />
<link href="../Styles/style002.css" rel="stylesheet" type="text/css" />

<title></title>
</head>

<body>
<div><img alt="cover" src="../Images/img0001.jpg" /></div>
</body>
</html>


Here is .css:

/* Style Sheet */
/* This defines styles and classes used in the book */
body { text-align: center; vertical-align: top; margin: 0 0 25px; padding: 0; border-style: none !important; border-width: 0; outline-style: none; outline-width: 0; white-space: nowrap; }
@page { margin: 0; padding: 0; border-width: 0; }
pre { font-size: x-small; }
h1 { text-align: center; }
h2 { text-align: center; }
h3 { text-align: center; }
h4 { text-align: center; }
h5 { text-align: center; }
h6 { text-align: center; }
.CI {
text-align:center;
margin-top:0px;
margin-bottom:0px;
padding:0px;
}
.center {text-align: center;}
.smcap {font-variant: small-caps;}
.u {text-decoration: underline;}
.bold {font-weight: bold;}

I have an .xpgt file for styles also.

only issue i have, is that i am targeting Nook Color, and i noticed for android nook app the left and right side of image is getting cut off.
Also, Can someone tell me if what exactly does the 25px do in margin for .css file? i have palyed with taking it out to see difference, but nothing happened???

margin: 0 0 25px;

what are the 3 different 0 0 0px represent? and do i need 3 vs.: margin 0px; ?

thanks.

Last edited by JonDeus; 02-14-2011 at 03:18 AM.
JonDeus is offline   Reply With Quote