Register Guidelines E-Books Search Today's Posts Mark Forums Read

Go Back   MobileRead Forums > E-Book Formats > ePub

Notices

Reply
 
Thread Tools Search this Thread
Old 06-04-2013, 01:38 AM   #1
eggheadbooks1
Connoisseur
eggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentameter
 
Posts: 97
Karma: 12798
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:	81
Size:	246.7 KB
ID:	106582   Click image for larger version

Name:	ADE2.jpg
Views:	65
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
Old 06-04-2013, 02:53 AM   #2
roger64
Wizard
roger64 ought to be getting tired of karma fortunes by now.roger64 ought to be getting tired of karma fortunes by now.roger64 ought to be getting tired of karma fortunes by now.roger64 ought to be getting tired of karma fortunes by now.roger64 ought to be getting tired of karma fortunes by now.roger64 ought to be getting tired of karma fortunes by now.roger64 ought to be getting tired of karma fortunes by now.roger64 ought to be getting tired of karma fortunes by now.roger64 ought to be getting tired of karma fortunes by now.roger64 ought to be getting tired of karma fortunes by now.roger64 ought to be getting tired of karma fortunes by now.
 
Posts: 1,412
Karma: 846401
Join Date: Jan 2009
Device: KoboGlo
Hi,

After float:left, I would add: clear:left.
roger64 is offline   Reply With Quote
Old 06-04-2013, 03:56 AM   #3
Turtle91
Guru
Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.
 
Turtle91's Avatar
 
Posts: 669
Karma: 3807234
Join Date: Dec 2012
Location: Shannon, Ireland today
Device: iPhone 5/iPad 1&2/Surface Pro/Kindle PW
Quote:
Originally Posted by roger64 View Post
Hi,

After float:left, I would add: clear:left.


The smaller font allows the 2nd float to be beside the first, if you add clear:left it forces it to the next line.
Turtle91 is offline   Reply With Quote
Old 06-04-2013, 01:51 PM   #4
eggheadbooks1
Connoisseur
eggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentameter
 
Posts: 97
Karma: 12798
Join Date: Apr 2011
Device: Kindle Fire, Kobo Touch, Aldiko for Android
Hi Turtle:

So, are you saying Roger64's solution will not work? In which case, do you have any suggestions of what might work? I'm at a loss.


Michelle
eggheadbooks1 is offline   Reply With Quote
Old 06-04-2013, 03:57 PM   #5
Tex2002ans
Evangelist
Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.
 
Posts: 445
Karma: 360271
Join Date: Jul 2012
Device: Nook
Quote:
Originally Posted by eggheadbooks1 View Post
So, are you saying Roger64's solution will not work? In which case, do you have any suggestions of what might work? I'm at a loss.
I believe Turtle91 was just specifying what "clear" does.

Quote:
Originally Posted by eggheadbooks1 View Post
The current code is this:
CSS:

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

Code:
<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>
I wanted to let you know that instead of using the "Quote" system for code, you should use the CODE tag. In the MobileRead editor, the button looks like a '#'.

Also, I just wanted to inquire about one thing.

Any specific reason you are using JPG for these chemistry diagrams instead of PNG? Artificial images with very few colors are RIPE for PNG Indexing (giving you MUCH smaller file sizes).
Tex2002ans is online now   Reply With Quote
Old 06-04-2013, 08:55 PM   #6
eggheadbooks1
Connoisseur
eggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentameter
 
Posts: 97
Karma: 12798
Join Date: Apr 2011
Device: Kindle Fire, Kobo Touch, Aldiko for Android
Quote:
Any specific reason you are using JPG for these chemistry diagrams instead of PNG? Artificial images with very few colors are RIPE for PNG Indexing (giving you MUCH smaller file sizes).
Because jpegs were sent to me by the client, and because the ePub will be converted to Kindle as well and in the past they handled PNGs badly (sometimes converting backgrounds to black). Perhaps that has changed?

Michelle

Last edited by Jellby; 06-05-2013 at 03:11 AM. Reason: fixed markup
eggheadbooks1 is offline   Reply With Quote
Old 06-04-2013, 09:30 PM   #7
Turtle91
Guru
Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.
 
Turtle91's Avatar
 
Posts: 669
Karma: 3807234
Join Date: Dec 2012
Location: Shannon, Ireland today
Device: iPhone 5/iPad 1&2/Surface Pro/Kindle PW
Quote:
Originally Posted by eggheadbooks1 View Post
Hi Turtle:

So, are you saying Roger64's solution will not work? In which case, do you have any suggestions of what might work? I'm at a loss.
Michelle

It WILL work...I was just clarifying why you were having the problem and what the clear would do.
Turtle91 is offline   Reply With Quote
Old 06-04-2013, 09:50 PM   #8
Tex2002ans
Evangelist
Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.Tex2002ans ought to be getting tired of karma fortunes by now.
 
Posts: 445
Karma: 360271
Join Date: Jul 2012
Device: Nook
Quote:
Originally Posted by eggheadbooks1 View Post
Because jpegs were sent to me by the client, and because the ePub will be converted to Kindle as well and in the past they handled PNGs badly (sometimes converting backgrounds to black). Perhaps that has changed?
To my knowledge KindleGen only generates black backgrounds when the PNGs use transparency. As long as you stay away from transparency in your PNGs you should be A-ok.

Bloated JPGs are just one of my little pet peeves. I just hate EPUBs that are overly large!

Especially when you have many diagrams, all those KBs really begin to add up!

Quote:
Originally Posted by roger64 View Post
After float:left, I would add: clear:left.
Quote:
Originally Posted by Turtle91 View Post
The smaller font allows the 2nd float to be beside the first, if you add clear:left it forces it to the next line.
I will definitely have to keep this in mind in the future. This would be very helpful in a few books I have worked on with lots of floats.
Tex2002ans is online now   Reply With Quote
Old 06-04-2013, 10:35 PM   #9
eggheadbooks1
Connoisseur
eggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentameter
 
Posts: 97
Karma: 12798
Join Date: Apr 2011
Device: Kindle Fire, Kobo Touch, Aldiko for Android
Clear:left doesn't work.

If I place the text within the frame to keep it connected to the image, the text still falls below the image. If I place the text outside the image, "clear:left" keeps the two images from overlapping (see OP second jpeg) BUT I still cannot get the text to stay connected to the image. I need the second image always to sit beside "Carbon can also share..." even if it means a large white space between it and the preceding paragraph/image combo (I can always make the image smaller, in an average-text-size sort of guess).

Any ideas anyone?

Michelle
eggheadbooks1 is offline   Reply With Quote
Old 06-04-2013, 10:36 PM   #10
eggheadbooks1
Connoisseur
eggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentameter
 
Posts: 97
Karma: 12798
Join Date: Apr 2011
Device: Kindle Fire, Kobo Touch, Aldiko for Android
Sorry, here is screen shot from "clear:left". You can see that the text is not in alignment with the images as I need it to be.

Michelle
eggheadbooks1 is offline   Reply With Quote
Old 06-04-2013, 10:38 PM   #11
eggheadbooks1
Connoisseur
eggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentameter
 
Posts: 97
Karma: 12798
Join Date: Apr 2011
Device: Kindle Fire, Kobo Touch, Aldiko for Android
Sorry, forgot to hit the upload button. It's been that kind of day...
Attached Thumbnails
Click image for larger version

Name:	ADE3.jpg
Views:	50
Size:	374.0 KB
ID:	106637  
eggheadbooks1 is offline   Reply With Quote
Old 06-04-2013, 10:55 PM   #12
eggheadbooks1
Connoisseur
eggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentameter
 
Posts: 97
Karma: 12798
Join Date: Apr 2011
Device: Kindle Fire, Kobo Touch, Aldiko for Android
This is as far I seem to be able to get (see jpeg). The CSS is:

Code:
div.FrameSmall{
	border:0px;
	padding:5px 5px 5px 5px;
	float:left;
	width:100%;
	margin: 10px 10px 10px 0px;
And the HTML:

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

    <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>
  </div>
Or this (it makes no difference to the results):

Code:
 <div class="FrameSmall">
    <img alt="15.2ethane" src="../Images/15.2ethane.jpg" width="20%" />
    <div>

      <p class="First6" style="margin-right:2.5em">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>
Any ideas? Anyone?

Michelle
Attached Thumbnails
Click image for larger version

Name:	ADE4.jpg
Views:	41
Size:	241.1 KB
ID:	106638  
eggheadbooks1 is offline   Reply With Quote
Old 06-04-2013, 11:40 PM   #13
Turtle91
Guru
Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.
 
Turtle91's Avatar
 
Posts: 669
Karma: 3807234
Join Date: Dec 2012
Location: Shannon, Ireland today
Device: iPhone 5/iPad 1&2/Surface Pro/Kindle PW
I don't see where you added the clear:left??

This should work:

Code:
div.FrameSmall {clear:left; width:100%}
div.Float-L {float:left; margin:5px}

<div class="FrameSmall">
<div class="Float-L"><img alt="" src="../Images/Methane15-1.jpg" /></div>
<p class="First6">......</p>
</div>

<div class="FrameSmall">
<div class="Float-L"><img alt="" src="../Images/Ethane15-2.jpg" /></div>
<p class="First6">......</p>
</div>
A couple things:
Wrap the image in its own div.
You don't need the file name in the alt tag. It is supposed to be descriptive text that shows up if the image is missing, or is read aloud by Text-to-Speach software. If you don't have descriptive text, then leave it blank.
Change the file names of your images so they don't start with a number; and I would use a dash or underscore instead of a period between the numbers.
Put the style for your text in the "First6" definition in the CSS...that's what it's for.

And IMO, I would shrink the size of the images for methane and ethane a bit...they overpower the text a tad...as well as make them a .png like was mentioned before. It will save a ton of space if you have a lot of them.

Cheers!
Turtle91 is offline   Reply With Quote
Old 06-05-2013, 12:26 AM   #14
eggheadbooks1
Connoisseur
eggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentametereggheadbooks1 can solve quadratic equations while standing on his or her head reciting poetry in iambic pentameter
 
Posts: 97
Karma: 12798
Join Date: Apr 2011
Device: Kindle Fire, Kobo Touch, Aldiko for Android
Hi Turtle:

I had taken out the clear:left because it wasn't working.

I tried the code you sent on the first image -- and thank you much for your help so far -- and I can now get the text to sit to the right of the image, but the space between the image and text is so large that when viewed in a typical ereader the effect is the same as no code: the text goes to the next line.

I have attached a screen shot of the effect of your code when viewed in Sigil (which I am using) and the effect when viewed in ADE.

Michelle
Attached Thumbnails
Click image for larger version

Name:	ADE5.jpg
Views:	46
Size:	399.7 KB
ID:	106639   Click image for larger version

Name:	ADE6.jpg
Views:	56
Size:	260.8 KB
ID:	106640  
eggheadbooks1 is offline   Reply With Quote
Old 06-05-2013, 06:53 AM   #15
Turtle91
Guru
Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.Turtle91 ought to be getting tired of karma fortunes by now.
 
Turtle91's Avatar
 
Posts: 669
Karma: 3807234
Join Date: Dec 2012
Location: Shannon, Ireland today
Device: iPhone 5/iPad 1&2/Surface Pro/Kindle PW
It looks like you have a huge margin somewhere...either to the right on the <div class="Float-L"> or to the left on the <p class="First6">. Can you post the current CSS and HTML that gave you the result in your image - including the CSS for "First6"?

Last edited by Turtle91; 06-05-2013 at 07:25 AM.
Turtle91 is offline   Reply With Quote
Reply

Tags
epub, frames, text box

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
Kindlet The operator >> is undefined for the argument type(s) float, float twobob Kindle Developer's Corner 10 09-05-2012 12:50 PM
Image overlayed over text (but text visible if image disabled)? Kaylee Skylyn ePub 5 08-01-2012 05:27 PM
Why is image left justified when I link to it? steve2112 Kindle Developer's Corner 4 03-23-2012 02:53 AM
Gold box sale on K3 (Keyboard) Covers (2h 20m left) Wasp Woman Amazon Kindle 0 12-01-2011 06:42 PM
Left-justified text in a right-justified box Skeezix Conversion 4 11-15-2011 08:44 PM


All times are GMT -4. The time now is 07:03 PM.


MobileRead.com is a privately owned, operated and funded community.