Centering text epub for NOOK Color

photoluminations · 07-28-2011, 04:48 PM

Cannot get some text to display centered (horizontal) on the page in Adobe Digital Editions or Nook Color Emulator. Each line is centered in the text box, but the box itself is up against the left margin. Other elements do center correctly on the page.

Paragraph text displays correctly centered horizontally on page in Dreamweaver MX 2004 and in SIGIL; and in PDF output generated by TotalHTML . But displays against left margin on Adobe Digital Editions and NOOK Color emulator (Win XP Pro) in epub generated by calibre (Ver. 0.8.11) But Display type (larger type like a chapter header, defined as a div class (<div class="chapter">), does display centered in Adobe Digital Editions. Captions text (subtype of paragraph) centers in calibre reader, while paragraph text does not.

Styles are defined in a linked CSS stylesheet. All other parameters of a <p> paragraph display, but the text-align center doesn't work in the epub output. Setting the width to 30 ems and the left and right margins to auto doesn't work either. Surrounding the <p> elements with <center>...</center> doesn't work.

Is this a problem with me? calibre? epub?

user_none · 07-28-2011, 04:56 PM

It sounds like an issue with ADE. You said it displays correctly with everything but ADE. The Nook uses the mobile version of ADE.

theducks · 07-28-2011, 07:32 PM

Quote:

Originally Posted by photoluminations

Cannot get some text to display centered (horizontal) on the page in Adobe Digital Editions or Nook Color Emulator. Each line is centered in the text box, but the box itself is up against the left margin. Other elements do center correctly on the page.

Paragraph text displays correctly centered horizontally on page in Dreamweaver MX 2004 and in SIGIL; and in PDF output generated by TotalHTML . But displays against left margin on Adobe Digital Editions and NOOK Color emulator (Win XP Pro) in epub generated by calibre (Ver. 0.8.11) But Display type (larger type like a chapter header, defined as a div class (<div class="chapter">), does display centered in Adobe Digital Editions. Captions text (subtype of paragraph) centers in calibre reader, while paragraph text does not.

Styles are defined in a linked CSS stylesheet. All other parameters of a <p> paragraph display, but the text-align center doesn't work in the epub output. Setting the width to 30 ems and the left and right margins to auto doesn't work either. Surrounding the <p> elements with <center>...</center> doesn't work.

Is this a problem with me? calibre? epub?

text-align: center
works in the stylesheet for ADE

Avoid 'auto' for images: width or Height,
they will not center

uavalos · 12-15-2011, 12:01 PM

So what's the workaround? Again, ADE doesn't respect the usual conventions for centering objects. And by "usual", I mean what you normally do on the Web. For example, to center a DIV apply this class to it:

.center {
margin-left:auto;
margin-right:auto;
}

Assuming the DIV has a fixed width, that's usually enough. But in ADE (and hence the Nook), it fails completely. So how do you center stuff? I'm starting a new forum post:

https://www.mobileread.com/forums/sho...28#post1879628

07-28-2011, 04:48 PM	#1
photoluminations Member Posts: 23 Karma: 3022 Join Date: Jul 2011 Device: none	Centering text epub for NOOK Color Cannot get some text to display centered (horizontal) on the page in Adobe Digital Editions or Nook Color Emulator. Each line is centered in the text box, but the box itself is up against the left margin. Other elements do center correctly on the page. Paragraph text displays correctly centered horizontally on page in Dreamweaver MX 2004 and in SIGIL; and in PDF output generated by TotalHTML . But displays against left margin on Adobe Digital Editions and NOOK Color emulator (Win XP Pro) in epub generated by calibre (Ver. 0.8.11) But Display type (larger type like a chapter header, defined as a div class (<div class="chapter">), does display centered in Adobe Digital Editions. Captions text (subtype of paragraph) centers in calibre reader, while paragraph text does not. Styles are defined in a linked CSS stylesheet. All other parameters of a <p> paragraph display, but the text-align center doesn't work in the epub output. Setting the width to 30 ems and the left and right margins to auto doesn't work either. Surrounding the <p> elements with <center>...</center> doesn't work. Is this a problem with me? calibre? epub?

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Nook not centering anything. why?	kateharp	ePub	0	05-11-2011 10:53 PM
Problems w/epub from Calibre for Nook Color	agarner	ePub	2	03-21-2011 07:51 AM
Sample of Interactive ePUB for Nook Color	arvinder	Nook Developer's Corner	0	02-07-2011 08:03 AM
Nook Color - PDF --> EPUB	mikevarela	Calibre	1	12-19-2010 01:15 PM
Any epub reader for PC allows me to change text and background color?	ttluisa	General Discussions	5	05-11-2010 11:04 PM

07-28-2011, 04:56 PM	#2
user_none Sigil & calibre developer Posts: 2,487 Karma: 1063785 Join Date: Jan 2009 Location: Florida, USA Device: Nook STR	It sounds like an issue with ADE. You said it displays correctly with everything but ADE. The Nook uses the mobile version of ADE.

12-15-2011, 12:01 PM	#4
uavalos Junior Member Posts: 9 Karma: 10 Join Date: Dec 2011 Device: none	So what's the workaround? Again, ADE doesn't respect the usual conventions for centering objects. And by "usual", I mean what you normally do on the Web. For example, to center a DIV apply this class to it: .center { margin-left:auto; margin-right:auto; } Assuming the DIV has a fixed width, that's usually enough. But in ADE (and hence the Nook), it fails completely. So how do you center stuff? I'm starting a new forum post: https://www.mobileread.com/forums/sho...28#post1879628

Advert