Quote:
Originally Posted by HeartWare
Unfortunately, that doesn't seem to work in either Sigil or Calibre. The image occupies the full width with the text below it.
The relevant code from the xhtml is:
<html>
<head>
<link href="../Styles/Style0001.css" type="text/css" rel="stylesheet"/>
</head>
<body>
<div class="image50L"><img alt="Tropical Beach" src="../Images/Tropical%20Beach.jpg"/>Lorem ipsum ... id est laborum.</div>
</body>
</hrml>
and the stylesheet:
.image50L {width=50%; float:left}
img {width:100%; max-width: 9000px}
I have enclosed my test ePub... |
The property "float: left" must be for the selector img, not for the style img50L. Use something like this:
Code:
<div class="image50L">
<img alt="Tropical Beach" src="../Images/Tropical%20Beach.jpg"/>
<p>Lorem ipsum ... id est laborum....</p>
</div>
.............
.image50L {
width=100%;
}
.image50L img {
float: left;
width:50%;
max-width: 9000px
}