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 03-06-2019, 08:04 PM   #1
brent63
Connoisseur
brent63 began at the beginning.
 
Posts: 86
Karma: 10
Join Date: Aug 2018
Location: New Jersey
Device: Samsung Tab E nook
CSS DropCap w/o indent

In reading the Sigil Users Guide I found out what Dropcap is and really like it.

The problem is I'm also using using first line indent.

So even the first line of the Dropcap is indented, not a very good look. (see attachment)

How can I remove it from the the first line only.

Thanks

Brent
Attached Images
 
Attached Files
File Type: txt Georgia.txt (1.2 KB, 77 views)
brent63 is offline   Reply With Quote
Old 03-06-2019, 09:21 PM   #2
BetterRed
null operator
BetterRed ought to be getting tired of karma fortunes by now.BetterRed ought to be getting tired of karma fortunes by now.BetterRed ought to be getting tired of karma fortunes by now.BetterRed ought to be getting tired of karma fortunes by now.BetterRed ought to be getting tired of karma fortunes by now.BetterRed ought to be getting tired of karma fortunes by now.BetterRed ought to be getting tired of karma fortunes by now.BetterRed ought to be getting tired of karma fortunes by now.BetterRed ought to be getting tired of karma fortunes by now.BetterRed ought to be getting tired of karma fortunes by now.BetterRed ought to be getting tired of karma fortunes by now.
 
Posts: 15,409
Karma: 15063892
Join Date: Mar 2012
Location: Sydney Australia
Device: none
So don't indent when there's a dropcap. Open just about any print book, the first paragraph of a chapter won't be indented, whether dropcaps are used or not.

The indents on subsequent paragraphs are there to signify their existence. Without them the reader would have to rely on all paragraphs having short last lines to know when one paragraph ends and another one starts

BR
BetterRed is online now   Reply With Quote
Advert
Old 03-06-2019, 09:44 PM   #3
theducks
Well trained by Cats
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: 24,563
Karma: 34133261
Join Date: Aug 2009
Location: The Central Coast of California
Device: K4NT(RIP), Galaxy Tab A, Kobo Aura2
What BR said

What is hard (and usually needs hand styling), is short FP's (1 liners) where the next Paragraph also starts in the space of the Drop cap.
theducks is offline   Reply With Quote
Old 03-06-2019, 10:00 PM   #4
brent63
Connoisseur
brent63 began at the beginning.
 
Posts: 86
Karma: 10
Join Date: Aug 2018
Location: New Jersey
Device: Samsung Tab E nook
Quote:
Originally Posted by BetterRed View Post
So don't indent when there's a dropcap.
If I knew how to do that I would not have posted my question on how to do it.

Brent
brent63 is offline   Reply With Quote
Old 03-06-2019, 10:03 PM   #5
brent63
Connoisseur
brent63 began at the beginning.
 
Posts: 86
Karma: 10
Join Date: Aug 2018
Location: New Jersey
Device: Samsung Tab E nook
Quote:
Originally Posted by theducks View Post
What is hard (and usually needs hand styling), is short FP's (1 liners) where the next Paragraph also starts in the space of the Drop cap.
I'm not understanding what your saying.

Brent
brent63 is offline   Reply With Quote
Advert
Old 03-06-2019, 10:08 PM   #6
slowsmile
Witchman
slowsmile ought to be getting tired of karma fortunes by now.slowsmile ought to be getting tired of karma fortunes by now.slowsmile ought to be getting tired of karma fortunes by now.slowsmile ought to be getting tired of karma fortunes by now.slowsmile ought to be getting tired of karma fortunes by now.slowsmile ought to be getting tired of karma fortunes by now.slowsmile ought to be getting tired of karma fortunes by now.slowsmile ought to be getting tired of karma fortunes by now.slowsmile ought to be getting tired of karma fortunes by now.slowsmile ought to be getting tired of karma fortunes by now.slowsmile ought to be getting tired of karma fortunes by now.
 
Posts: 493
Karma: 787388
Join Date: May 2013
Location: Philippines
Device: Android S5
@brent63...To reduce the indent, just find the named style in your stylesheet for the paragraph with a dropcap and just set the text-indent property to 0.

If you want to alter the right-hand spacing of the dropcap to reduce spacing, then just go into the dropcap style or relevant inline style and reduce either the margin-right or the letter-spacing style attribute in the dropcap style.

Last edited by slowsmile; 03-06-2019 at 10:13 PM.
slowsmile is offline   Reply With Quote
Old 03-06-2019, 10:10 PM   #7
BetterRed
null operator
BetterRed ought to be getting tired of karma fortunes by now.BetterRed ought to be getting tired of karma fortunes by now.BetterRed ought to be getting tired of karma fortunes by now.BetterRed ought to be getting tired of karma fortunes by now.BetterRed ought to be getting tired of karma fortunes by now.BetterRed ought to be getting tired of karma fortunes by now.BetterRed ought to be getting tired of karma fortunes by now.BetterRed ought to be getting tired of karma fortunes by now.BetterRed ought to be getting tired of karma fortunes by now.BetterRed ought to be getting tired of karma fortunes by now.BetterRed ought to be getting tired of karma fortunes by now.
 
Posts: 15,409
Karma: 15063892
Join Date: Mar 2012
Location: Sydney Australia
Device: none
Quote:
Originally Posted by theducks View Post
What BR said

What is hard (and usually needs hand styling), is short FP's (1 liners) where the next Paragraph also starts in the space of the Drop cap.
So don't use Dropcaps

This is not a Sigil question, its an EPUB issue, so you might want to move it

BR
BetterRed is online now   Reply With Quote
Old 03-06-2019, 10:17 PM   #8
BetterRed
null operator
BetterRed ought to be getting tired of karma fortunes by now.BetterRed ought to be getting tired of karma fortunes by now.BetterRed ought to be getting tired of karma fortunes by now.BetterRed ought to be getting tired of karma fortunes by now.BetterRed ought to be getting tired of karma fortunes by now.BetterRed ought to be getting tired of karma fortunes by now.BetterRed ought to be getting tired of karma fortunes by now.BetterRed ought to be getting tired of karma fortunes by now.BetterRed ought to be getting tired of karma fortunes by now.BetterRed ought to be getting tired of karma fortunes by now.BetterRed ought to be getting tired of karma fortunes by now.
 
Posts: 15,409
Karma: 15063892
Join Date: Mar 2012
Location: Sydney Australia
Device: none
Quote:
Originally Posted by slowsmile View Post
@brent63...To reduce the indent, just find the named style in your stylesheet for the paragraph with a dropcap and just set the text-indent property to 0.

If you want to alter the right-hand spacing of the dropcap to reduce spacing, then just go into the dropcap style or relevant inline style and reduce either the margin-right or the letter-spacing style attribute in the dropcap style.
@slowsmile - the OP posted his CSS so why don't you suggest what he should do within that context. He has the dropcap in a span

BR
BetterRed is online now   Reply With Quote
Old 03-06-2019, 10:31 PM   #9
brent63
Connoisseur
brent63 began at the beginning.
 
Posts: 86
Karma: 10
Join Date: Aug 2018
Location: New Jersey
Device: Samsung Tab E nook
Quote:
Originally Posted by slowsmile View Post
To reduce the indent, just find the named style in your stylesheet for the paragraph with a dropcap and just set the text-indent property to 0.
My CSS file creates an indent whenever a return is entered, so there are a lot of indents that I don't want to remove.

Below is only part of the my CSS file from my first post.

body {
display: block;
font-size: 1.05em;
margin: 5px;
text-align: justify;
}
p {
font-style: normal;
font-family: Georgia;
text-indent: 20px;
margin: 5px;
}

..........

span.dropcap {
float: left;
font-size: 4.4em;
font-weight: ;
text-indent: 0px;
line-height: .8em;
margin-right: 8.0pt;
margin-bottom: -0.1em;
}

Brent
brent63 is offline   Reply With Quote
Old 03-06-2019, 10:56 PM   #10
slowsmile
Witchman
slowsmile ought to be getting tired of karma fortunes by now.slowsmile ought to be getting tired of karma fortunes by now.slowsmile ought to be getting tired of karma fortunes by now.slowsmile ought to be getting tired of karma fortunes by now.slowsmile ought to be getting tired of karma fortunes by now.slowsmile ought to be getting tired of karma fortunes by now.slowsmile ought to be getting tired of karma fortunes by now.slowsmile ought to be getting tired of karma fortunes by now.slowsmile ought to be getting tired of karma fortunes by now.slowsmile ought to be getting tired of karma fortunes by now.slowsmile ought to be getting tired of karma fortunes by now.
 
Posts: 493
Karma: 787388
Join Date: May 2013
Location: Philippines
Device: Android S5
To correct your paragraph indent problem you will have to create and add another style at the bottom of your stylesheet. The new style is shown below:

span.no-indent-style {
font-style: normal;
font-family: Georgia;
text-indent: 0;
margin: 5px;
}

After you have created this style then you must then implement it as a class in the dropcaps paragraph within the relevant html file in Sigil. Example below:

<p><span class="dropcap">T</span><span class="no-indent-style">he quick brown fox jumped over the hedge...</span></p>

To correct the general spacing of text lines to the right of your dropcap you must change or reduce the margin-right value in your span.dropcap styling. See below:

span.dropcap {
float: left;
font-size: 4.4em;
font-weight: ;
text-indent: 0px;
line-height: .8em;
margin-right: 3.0pt;------> reduce this value until your are happy
margin-bottom: -0.1em;
}

Last edited by slowsmile; 03-06-2019 at 11:12 PM.
slowsmile is offline   Reply With Quote
Old 03-07-2019, 07:07 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,128
Karma: 3856613
Join Date: Mar 2013
Location: Rosario - Santa Fe - Argentina
Device: Kindle 4 NT
Brent63 and Slowsmile:

IMHO the best aproximation is the following:

1. In the .css stylesheet, we should write the following:

Code:
.noindent {
    text-indent: 0 !important;
}
2. And in the .xhtml files, where we have the dropcaps, we should write the following:

Code:
<p class="noindent"><span class="dropcap">T</span>he quick brown fox jumped over the hedge...</p>
Regards
Rubén
RbnJrg is offline   Reply With Quote
Old 03-07-2019, 07:59 AM   #12
stumped
Wizard
stumped ought to be getting tired of karma fortunes by now.stumped ought to be getting tired of karma fortunes by now.stumped ought to be getting tired of karma fortunes by now.stumped ought to be getting tired of karma fortunes by now.stumped ought to be getting tired of karma fortunes by now.stumped ought to be getting tired of karma fortunes by now.stumped ought to be getting tired of karma fortunes by now.stumped ought to be getting tired of karma fortunes by now.stumped ought to be getting tired of karma fortunes by now.stumped ought to be getting tired of karma fortunes by now.stumped ought to be getting tired of karma fortunes by now.
 
Posts: 2,119
Karma: 3217156
Join Date: May 2016
Device: kobo forma, Kobo Libra, Huawei media Tab, fire HD10, PW3 HDX8.9,
you should also consider your audience.

you may think dropcaps look cool- the readers of your book(s) may not

personally I detest them and they are the first things I rip out of my to-read copy of any book. - so there goes all your hard work!

i think they had their place , in the dark ages, keeping bored monks awake as they hand copied.

now they just reduce overall readability ( several empirical studies have confirmed - ask google)

and the smaller the device screen , the more annoying they become.
stumped is offline   Reply With Quote
Old 03-07-2019, 10:30 AM   #13
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: 21,736
Karma: 118266822
Join Date: Jan 2010
Device: Nexus 7, Kindle Fire HD
Quote:
Originally Posted by stumped View Post
personally I detest them and they are the first things I rip out of my to-read copy of any book. - so there goes all your hard work!
Well technically, their hard work is not really wasted. Empirical evidence show that very few people edit all of the ebooks in their elibrary to make them meet their own personal, and exacting, typographical philosophies (and those who DO do so tend to enjoy the tinkering anyway). So most are seeing it.

Let people learn and experiment for heaven's sake.

Last edited by DiapDealer; 03-07-2019 at 11:24 AM.
DiapDealer is online now   Reply With Quote
Old 03-07-2019, 10:49 AM   #14
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,128
Karma: 3856613
Join Date: Mar 2013
Location: Rosario - Santa Fe - Argentina
Device: Kindle 4 NT
Quote:
Originally Posted by stumped View Post
...personally I detest them and they are the first things I rip out of my to-read copy of any book. - so there goes all your hard work!
Hard work? It takes less than a minute to put and take drop-caps out of .epub3/.kepub/.azw3/.kfx ebooks. And two minutes at maximun to put and take drop-caps out of epub2/ADE ebooks. It may take a couple of minutes more to resolve special cases (i.e. when the paragraph starts with quotes) but not much else. No hard work at all

Last edited by RbnJrg; 03-07-2019 at 10:53 AM.
RbnJrg is offline   Reply With Quote
Old 03-07-2019, 10:56 AM   #15
brent63
Connoisseur
brent63 began at the beginning.
 
Posts: 86
Karma: 10
Join Date: Aug 2018
Location: New Jersey
Device: Samsung Tab E nook
Quote:
Originally Posted by RbnJrg View Post
Brent63 and Slowsmile:

IMHO the best aproximation is the following:

1. In the .css stylesheet, we should write the following:

Code:
.noindent {
    text-indent: 0 !important;
}
2. And in the .xhtml files, where we have the dropcaps, we should write the following:

Code:
<p class="noindent"><span class="dropcap">T</span>he quick brown fox jumped over the hedge...</p>
Regards
Rubén
Thank you, that worked perfectly.

Brent
brent63 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
Css code to indent first paragraph? shootist Editor 14 12-30-2015 07:17 AM
CSS to indent paragraphs and remove spaces Alda Sigil 7 06-20-2014 06:36 AM
Help with css formatting - first line indent Alda Sigil 11 03-22-2013 06:24 AM
CSS override working for font, not dd indent FlaSheridn Calibre 3 10-31-2010 04:06 PM
Specify indent in css, not with &nbsp James_Wilde Calibre 7 09-13-2010 10:48 PM


All times are GMT -4. The time now is 08:31 PM.


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