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 11-14-2012, 06:57 PM   #1
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,317
Karma: 846401
Join Date: Jan 2009
Device: KoboGlo
To insert a decoration on top of a title entry

Hi

I wish to publish a diary. Each entry, with a date is a title. I would like to add on top of each title a decoration like in the screenshot below.

The problem - for me - is that the style has a pagebreak before and I do not know how to get both the pagebreak and the decoration...

If somebody has a code solution, I will be very happy

PS: I know how to insert the decoration after the text but not before.
Attached Thumbnails
Click image for larger version

Name:	diary.png
Views:	74
Size:	23.4 KB
ID:	96151  
roger64 is offline   Reply With Quote
Old 11-14-2012, 08:41 PM   #2
DiapDealer
Grand Sorcerer
DiapDealer ought to be getting tired of karma fortunes by now.DiapDealer ought to be getting tired of karma fortunes by now.DiapDealer ought to be getting tired of karma fortunes by now.DiapDealer ought to be getting tired of karma fortunes by now.DiapDealer ought to be getting tired of karma fortunes by now.DiapDealer ought to be getting tired of karma fortunes by now.DiapDealer ought to be getting tired of karma fortunes by now.DiapDealer ought to be getting tired of karma fortunes by now.DiapDealer ought to be getting tired of karma fortunes by now.DiapDealer ought to be getting tired of karma fortunes by now.DiapDealer ought to be getting tired of karma fortunes by now.
 
DiapDealer's Avatar
 
Posts: 8,314
Karma: 36123946
Join Date: Jan 2010
Device: Kindle Fire HD, Kindle 2
Remove the page-break-before attribute from the title's element/css class and apply it to the image instead.
DiapDealer is offline   Reply With Quote
 
Enthusiast
Old 11-14-2012, 10:32 PM   #3
JSWolf
Suspended
JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.
 
Posts: 35,392
Karma: 16147088
Join Date: Nov 2006
Location: Roslindale, Massachusetts
Device: Sony Reader PRS-650, iPad, nook STR
You don't actually need a page break declaration in most cases. The only case I can think of is a page of endnotes where you want each note to be on it's own page.
JSWolf is offline   Reply With Quote
Old 11-14-2012, 10:55 PM   #4
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,317
Karma: 846401
Join Date: Jan 2009
Device: KoboGlo
Quote:
Originally Posted by DiapDealer View Post
Remove the page-break-before attribute from the title's element/css class and apply it to the image instead.
I'll try it. Thanks
roger64 is offline   Reply With Quote
Old 11-19-2012, 06:32 PM   #5
JSWolf
Suspended
JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.
 
Posts: 35,392
Karma: 16147088
Join Date: Nov 2006
Location: Roslindale, Massachusetts
Device: Sony Reader PRS-650, iPad, nook STR
Quote:
Originally Posted by roger64 View Post
I'll try it. Thanks
You don't need a page break if you have your chapters set correctly with each chapter as a separate XML file.
JSWolf is offline   Reply With Quote
Old 11-20-2012, 07:22 PM   #6
theducks
Grand Sorcerer
theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.theducks ought to be getting tired of karma fortunes by now.
 
theducks's Avatar
 
Posts: 13,609
Karma: 5126946
Join Date: Aug 2009
Location: The (original) Silicon Valley, USA
Device: Galaxy Tab 2, Astak Pocket Pro, K4NT
Also think about using a Background-Image: (Background-repeat: no-repeat; ) in your title block div :bulb2: Include a blankspace at the bottom if you don't want text over the actual image.

Last edited by theducks; 11-20-2012 at 07:23 PM. Reason: smiles Grr
theducks is online now   Reply With Quote
Old 11-21-2012, 04:30 AM   #7
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,317
Karma: 846401
Join Date: Jan 2009
Device: KoboGlo
Hi,

I am not sure I understand (to speak more frankly, I don't understand )
Folllowing DiapDealer proposal, I had enough with:

Code:
 <body dir="ltr">
 
  <div style="text-align:center"><img alt="" class="frameGraphics2" src="../Images/bidule.png" style="width:16%" /></div>
and in the CSS:

Code:
.frameGraphics2 {
	page-break-before: always;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
}
But I'll be interested in any improvement.
roger64 is offline   Reply With Quote
Old 11-21-2012, 05:12 AM   #8
JSWolf
Suspended
JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.
 
Posts: 35,392
Karma: 16147088
Join Date: Nov 2006
Location: Roslindale, Massachusetts
Device: Sony Reader PRS-650, iPad, nook STR
Here is the code I have in one book that uses a graphic as the chapter number and there is a subtitle under it.

Code:
<body>
<h2 class="chapterNumber"><img src="../Images/image00078.jpeg" alt="image"/></h2>
<p class="chapterDateline">F<small>LORIDA</small> S<small>TRAITS</small>, I<small>NTERNATIONAL</small> W<small>ATERS</small></p>
Code:
body {
widows: 0;
orphans: 0;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
text-align: justify;
font-size: 92.5%
}
p {
display: block;
font-family: "MinionPro";
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 0;
text-indent: 1.2em
}
.chapterNumber {
color: #9A9A9A;
display: block;
font-family: "FuturaStd";
font-size: 1.29412em;
font-weight: bold;
line-height: 1.2;
margin-bottom: 1em;
margin-left: 0;
margin-right: 0;
margin-top: 1em;
text-align: center;
text-indent: 0
}
.chapterDateline {
display: block;
font-family: "FuturaStd";
font-size: 1em;
margin-bottom: 2%;
margin-left: 0;
margin-right: 0;
margin-top: 0;
text-align: center;
text-indent: 0
}
small {
font-size: .7em
}
.chapternumber is also used when there is text instead of a graphic. Also, you can see there I have no for a page-break. This is because I have each section/chapter in a separate XML file.

Last edited by JSWolf; 11-21-2012 at 05:17 PM.
JSWolf is offline   Reply With Quote
Reply

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
Pubit!/Add Title Previewer shows ellipsis in title bar schooner1892 General Discussions 0 09-15-2012 07:04 PM
Book Title at Top of Page? harpangel36 Amazon Kindle 1 02-19-2012 08:49 AM
To What Genre does [Insert Title] Belong? Nyssa General Discussions 20 04-01-2011 09:08 AM
Read without author name/book title at top? uncola Amazon Kindle 6 11-09-2009 06:35 PM
Reference Burbank, Emily: Woman as Decoration jamh BBeB/LRF Books 0 04-18-2008 05:24 PM


All times are GMT -4. The time now is 05:51 PM.


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