Quote:
Originally Posted by Turtle91
<div class="image"><img src="…" alt=""/></div>
.image {width=50%; float:left}
img {width:100%; max-width: 1000px *or whatever the width of your image*}
|
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...