Register Guidelines E-Books Search Today's Posts Mark Forums Read

Go Back   MobileRead Forums > E-Book Software > Sigil

Notices

Reply
 
Thread Tools Search this Thread
Old 01-11-2012, 04:45 AM   #1
kevlin
Newbie
kevlin began at the beginning.
 
Posts: 4
Karma: 10
Join Date: Dec 2011
Location: Hamburg - Germany
Device: Sony Reader PRS-T1
CSS: Styles for <cite> won't apply

Hi all togehter,

I'm a bit confused. I thought with CSS it is possible to define precise styles for every kind of paragraph.

I'm using the CSS below. When I mark a section with the cite-tag it won't apply completely. Strangely it shows the paragraph in bold letters and with the correct letter-spacing.

But on the other hand (and that's the strange thing): The paragraph with the cite-tag is shown with an indent - like the p-section is defined.

Besides the CSS there are no other CSS-definitions inside the XHTML-file.

Anyone an idea where this behavior might come from?

Code:
p {text-indent: 1.8em;
   margin-left: 0;
   margin-right: 0;
   margin-top: 0;
   margin-bottom: 0.2em;
   text-align: justify;
   font-family: serif;}

cite {text-align: center;
      text-indent: 0.0em;
      font-family: serif;
      font-size: medium;
      font-style: normal;
      font-weight: bold;
      letter-spacing: 0.3em}
kevlin is offline   Reply With Quote
Old 01-11-2012, 05:01 AM   #2
WS64
WS64 ought to be getting tired of karma fortunes by now.WS64 ought to be getting tired of karma fortunes by now.WS64 ought to be getting tired of karma fortunes by now.WS64 ought to be getting tired of karma fortunes by now.WS64 ought to be getting tired of karma fortunes by now.WS64 ought to be getting tired of karma fortunes by now.WS64 ought to be getting tired of karma fortunes by now.WS64 ought to be getting tired of karma fortunes by now.WS64 ought to be getting tired of karma fortunes by now.WS64 ought to be getting tired of karma fortunes by now.WS64 ought to be getting tired of karma fortunes by now.
 
WS64's Avatar
 
Posts: 590
Karma: 506380
Join Date: Aug 2010
Location: Germany
Device: Kobo Aura / Bookeen Frontlight / Kobo Mini / Kindle 3 / Nook Color
I can confirm this behaviour, but no idea why...
I suggest to not use cite but create your own p class for this.
WS64 is offline   Reply With Quote
 
Advertisement
Old 01-11-2012, 05:40 AM   #3
kevlin
Newbie
kevlin began at the beginning.
 
Posts: 4
Karma: 10
Join Date: Dec 2011
Location: Hamburg - Germany
Device: Sony Reader PRS-T1
Quote:
Originally Posted by WS64 View Post
I can confirm this behaviour, but no idea why...
I suggest to not use cite but create your own p class for this.
Ok, nice to know that this behaviour isn't just on my system(s).
I'll try it with a class then and give a feedback.
kevlin is offline   Reply With Quote
Old 01-11-2012, 06:32 AM   #4
sourcejedi
Groupie
sourcejedi ought to be getting tired of karma fortunes by now.sourcejedi ought to be getting tired of karma fortunes by now.sourcejedi ought to be getting tired of karma fortunes by now.sourcejedi ought to be getting tired of karma fortunes by now.sourcejedi ought to be getting tired of karma fortunes by now.sourcejedi ought to be getting tired of karma fortunes by now.sourcejedi ought to be getting tired of karma fortunes by now.sourcejedi ought to be getting tired of karma fortunes by now.sourcejedi ought to be getting tired of karma fortunes by now.sourcejedi ought to be getting tired of karma fortunes by now.sourcejedi ought to be getting tired of karma fortunes by now.
 
sourcejedi's Avatar
 
Posts: 155
Karma: 200000
Join Date: Dec 2009
Location: Britania
Device: FBReader/OpenInkpot on Hanvon N516.
You shouldn't be using CITE instead of a P element. CITE isn't a block element; it's an inline element. If you put two of your "cite paragraphs" in a row, they wouldn't be displayed as separate paragraphs.

This is probably the problem - the text-indent property has no effect on inline elements.

You almost certainly shouldn't be using CITE for an entire paragraph. Basically, it's meant for italicizing the titles of books etc. Possibly you want BLOCKQUOTE instead. If you can't be bothered with working out the semantics, just use DIV, as a generic block element. Either of those should fix your problem.
sourcejedi is offline   Reply With Quote
Old 01-11-2012, 01:29 PM   #5
kevlin
Newbie
kevlin began at the beginning.
 
Posts: 4
Karma: 10
Join Date: Dec 2011
Location: Hamburg - Germany
Device: Sony Reader PRS-T1
Hi,

thanks to the hint from sourcejedi I used BLOCKQUOTE now. This works great and is more css-conform.
kevlin 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
Modding Calibre CSS styles Olger Recipes 7 01-25-2012 06:08 AM
CSS Table Styles: Does it work? Alan Newson ePub 3 12-12-2011 04:54 PM
Tool to centralise css styles? snarkophilus ePub 7 07-01-2011 05:08 AM
CSS styles not displaying in some eReader apps?? jttraverse Sigil 12 05-23-2011 06:31 AM
Sigil styles and CSS View[+]Finder Sigil 4 05-27-2010 06:39 PM


All times are GMT -4. The time now is 08:10 AM.


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