View Single Post
Old 06-15-2011, 04:34 PM   #1
iain robinson
Connoisseur
iain robinson began at the beginning.
 
Posts: 75
Karma: 10
Join Date: Apr 2011
Location: UK
Device: none
problem with bullet at end of paragraph

Hi all

We're attempting to match a print job in ePub. Obviously matching it exactly is not possible but I'm trying to carry as many design features as possible over to the ePub and one of them is at the end of the last paragraph there's a coloured bullet. No matter what I do I can't get the bullet to work in ePub - I can get it to appear, styled with a span, but I can't get it to sit on the line with the 'normal' text and not cause a gap in the paragraph (in ADE). See screenshots attached

The bullet in the attached ADE screenshot is styled as;

Code:
span.end-bullet {
color: #C9652F;
position: relative; 
bottom: -0.2em;
font-size: 2em;
line-height: 0.9em;
}
which is a combination of lifting code from here and there. It looks better in Sigil - it's on the line but still causes a gap in the paragraph. There's got to be a better way that works in both...?
Attached Thumbnails
Click image for larger version

Name:	desired effect.png
Views:	248
Size:	34.2 KB
ID:	72828   Click image for larger version

Name:	result in ADE.png
Views:	261
Size:	66.2 KB
ID:	72829  
iain robinson is offline   Reply With Quote