View Single Post
Old 06-08-2013, 09:31 AM   #11
RbnJrg
Wizard
RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.RbnJrg ought to be getting tired of karma fortunes by now.
 
Posts: 1,801
Karma: 8700631
Join Date: Mar 2013
Location: Rosario - Santa Fe - Argentina
Device: Kindle 4 NT
Quote:
Originally Posted by eggheadbooks1 View Post
Interestingly enough, when I use my simple line code with the hr style amendments instead of using CSS, the line stays dark black even on an e-ink reader. Just tested on my Kobo.

Michelle
Try this code in your css stylesheet:

Code:
hr {
   margin-left: 15%;
   width: 70%;
   color: #000000; /* suppress this style */
   background-color: #000000;
   border: 0;/* add this new style */
}

.thick_line {
   height: 3px;
}

.thin_line {
   height: 1px;
}
And, as before, in the .html file use:

Code:
  <hr class="thick_line" />
  <hr class="thin_line" />
I think after that, you won't have the beveled edge and your lines will be sharper.

Last edited by RbnJrg; 06-08-2013 at 11:58 AM.
RbnJrg is offline   Reply With Quote