View Single Post
Old 08-12-2014, 12:49 PM   #1
hleo12
Guru
hleo12 ought to be getting tired of karma fortunes by now.hleo12 ought to be getting tired of karma fortunes by now.hleo12 ought to be getting tired of karma fortunes by now.hleo12 ought to be getting tired of karma fortunes by now.hleo12 ought to be getting tired of karma fortunes by now.hleo12 ought to be getting tired of karma fortunes by now.hleo12 ought to be getting tired of karma fortunes by now.hleo12 ought to be getting tired of karma fortunes by now.hleo12 ought to be getting tired of karma fortunes by now.hleo12 ought to be getting tired of karma fortunes by now.hleo12 ought to be getting tired of karma fortunes by now.
 
hleo12's Avatar
 
Posts: 655
Karma: 5078890
Join Date: Feb 2014
Device: Kobo Glo (deceased), Kindle 4th, Kindle Basic 10th Generation
Margins, CSS, and the Glo.

The last time I was forced to learn html was back in my senior year of high school. The time when CSS was important because of friendster...

Anyway, lately, I've been learning some basic CSS stuff to edit some books that I'm reading. Either they have too much margin, or too much space between paragraphs, or there's no indentation.

So I make it a habit to edit the poorly formatted books that I have.

They worked great before, but now, with a particular book, there have been some characters that were cut off when displayed on my Glo. I know that there have been some reports where some italicized letters (like 'f') are cut off when placed at the right margin.

Now, though, it seems worse. Some regular formatted letters are cut off, sometimes a whole letter itself is missing. And for some reason, when I highlight the word, it doesn't give me a dictionary pop-up. But when I click add note, the word is recognized properly.

I just can't think of anything that might've caused this.

My Glo's margin slider is all the way to the left, but even if I increase it, it will sometimes leave some lines going through the margin.

Here's the CSS that I use. It's pretty much basic, just enough to correctly format the text so they'll look more like books...

Code:
p {
text-align: justify;
text-indent: 1.5em;
line-height: 100%;
margin: 0 0;
}
p.first {
text-align: justify;
text-indent: 0em;
line-height: 100%;
margin: 0 0;
}

Last edited by hleo12; 08-13-2014 at 09:20 AM.
hleo12 is offline   Reply With Quote