[eggheadbooks1]

Turtle:

Alas, not working. The image class that specifies an em value for the image isn't being recognized by ADE, so the full size of the image is being displayed. Is that HTML5? ADE doesn't read HTML5 even though some readers will.

And if I try to add the em value div along with the percentage value so the image will scale, the image class is ignored.

(BTW, the p class is important, otherwise the em value for the text is ignored and screwed up in relation to the rest of the book.)

Here's my tests:

CSS:

div.imageEM{
	height:5em;
	max-width:225px;
	min-width:110px;
}
div.Float-L{
	float:left;
}
div.FrameSmall{
	width:100%;
	clear:left;
}

And the HTML:

 <div class="FrameSmall">
    <div class="Float-L"><img alt="methane" src="../Images/methane.png" width="40%" class="imageEM" /></div>

    <p class="First6">where the single lines drawn between the hydrogen (H) and the carbon (C) atoms denote the sharing of a single electron pair. If two electron pairs are shared as often happens when atoms bond with oxygen for example, a double line is drawn, and so on.</p>
  </div>

  <div class="FrameSmall">
    <div class="Float-L"><img alt="ethane" src="../Images/ethane.png" class="imageEm" /></div>

    <p class="First6">Carbon can also share a single electron pair with another carbon atom, with hydrogen providing the remaining three available bonds. In such a case, the resulting compound is ethane (C<sub>2</sub>H<sub>6</sub>), which is depicted on the left.</p>
  </div>

  <p class="Main">Methane and ethane are but simple compounds commonly encountered in the discipline of which can be described as the study of chemical compounds of carbon other than a few very basic and simple compounds such as oxides, carbides and carbonates. Studies of the chemistry of life are an important part of organic chemistry, but do not comprise the whole field by any means, as there are many carbon compounds that are organic but play no role in the chemistry of life.</p>

And the results: see attached.

Michelle

P.S. The image alt= is just something that Sigil does automatically and it serves no harm so I leave it in.