Quote:
Originally Posted by davidfor
What is the actual HTML code and CSS that is putting the images into the page?
|
Sure. I copy both the relevant code from the html file and the relevant CSS styles. (Once more, again and again, thanks Sigil)
You will notice that some
classes are missing, but that's how the books are. I've rechecked twice.
Las legiones malditas
Code:
<body>
<div id="legion">
<div class="generated-style">
<p class="imatge" xml:lang="es"><span class="imatge"><img alt="Legiones malditas.jpg" class="generated-style-2" height="100%" src="../Images/9788466645485.jpeg" /></span></p>
</div>
</div>
</body>
Code:
div.generated-style {
}
p.imatge {
font-family: "StempelGaramondRoman";
font-weight: normal;
font-style: normal;
font-size: 0.88em;
line-height: 1.29em;
text-decoration: none;
font-variant: normal;
text-indent: 1.62em;
text-align: center;
color: #000000;
margin: 0em;
}
The Carpet People
Code:
<style type="text/css">
.sjfixer { margin: 0; padding: 0; text-align:center;}
</style>
</head>
<body class="sjfixer">
<p class="sjfixer"><img alt="image" height="100%" src="../Images/MyCoverImage.jpg" /></p>
</body>
That's all, no linked external CSS stylesheet in this case.
Dafne desvanecida
Code:
<style type="text/css">
body { background-color:#000000; text-align:center; margin:0px;}
img { max-width:100%; height:100%; }
</style>
</head>
<body>
<div><img alt="dafne-desvanecida." src="../Images/dafne-desvanecida.jpg" /></div>
</body>
Without external CSS file either.
La reina sin espejo
Code:
<!--<link rel="stylesheet" type="application/vnd.adobe-page-template+xml" href="css/page-template.xpgt"/>-->
<style type="text/css">
@page {padding: 0pt; margin:0pt}
body { text-align: center; padding:0pt; margin: 0pt; }
div { margin: 0pt; padding: 0pt; }
</style>
</head>
<body style="oeb-column-number: 1;">
<div class="body"><img alt="cover" src="../Images/cover.jpg" style="padding: 0; margin: 0;" title="cover" /></div>
</body>
Without any external CSS stylesheet. (I suppose that the
body style="oeb-column-number: 1" setting points to
page-template.xpgt things but, as you can see, I ALWAYS kill
page-template.xpgt.
The Final Empire
Code:
<body style="margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; text-align:center; background-color:#FFFFFF;">
<div><a id="Cover"></a> <img alt="image" src="../Images/9780575097742_msr_cvi_r1.jpg" style="height:100%; text-align:center;" /></div>
</body>
No external CSS stylesheet either.