View Single Post
Old 06-04-2013, 01:38 AM   #1
eggheadbooks1
Read, don't parrot.
eggheadbooks1 figured out that Keyser Söze was the Kevin Spacey character in less than 20 minutes.eggheadbooks1 figured out that Keyser Söze was the Kevin Spacey character in less than 20 minutes.eggheadbooks1 figured out that Keyser Söze was the Kevin Spacey character in less than 20 minutes.eggheadbooks1 figured out that Keyser Söze was the Kevin Spacey character in less than 20 minutes.eggheadbooks1 figured out that Keyser Söze was the Kevin Spacey character in less than 20 minutes.eggheadbooks1 figured out that Keyser Söze was the Kevin Spacey character in less than 20 minutes.eggheadbooks1 figured out that Keyser Söze was the Kevin Spacey character in less than 20 minutes.eggheadbooks1 figured out that Keyser Söze was the Kevin Spacey character in less than 20 minutes.eggheadbooks1 figured out that Keyser Söze was the Kevin Spacey character in less than 20 minutes.eggheadbooks1 figured out that Keyser Söze was the Kevin Spacey character in less than 20 minutes.eggheadbooks1 figured out that Keyser Söze was the Kevin Spacey character in less than 20 minutes.
 
Posts: 224
Karma: 110242
Join Date: Apr 2011
Device: Kindle Fire, Kobo Touch, Aldiko for Android
Need text box to float left beside image

I need a block of text to display to the right of a picture and not disconnect as the user changes the font size. I have tried a floating borderless frame but the problem is that while it looks great half the time (see ADE1.jpg), if the font is not just the right size I get this (see ADE2.jpg).

I tried putting the text inside a larger borderless frame along with the image, but cannot seem to get the text to float to the left of the image.

Any help would be appreciated.

The current code is this:

CSS:

Quote:
div.FrameSmall{
border:0px;
padding:5px 5px 5px 5px;
float:left;
width:25%;
margin: 10px 10px 10px 0px;
}
HTML:

Quote:
<div class="FrameSmall"><img alt="15.1methane" width="100%" src="../Images/15.1methane.jpg" /></div>

<p class="First6" style="margin-right:2.5em">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>
Michelle

P.S Jellby: Hope you're around. You're good at this!

P.P.S. In my original post I accidentally wrote "left" instead of "right." My bad.
Attached Thumbnails
Click image for larger version

Name:	ADE1.jpg
Views:	309
Size:	246.7 KB
ID:	106582   Click image for larger version

Name:	ADE2.jpg
Views:	268
Size:	296.8 KB
ID:	106583  

Last edited by eggheadbooks1; 06-04-2013 at 01:51 PM. Reason: error
eggheadbooks1 is offline   Reply With Quote