07-18-2013, 01:34 PM | #1 |
Connoisseur
Posts: 86
Karma: 470352
Join Date: Dec 2012
Device: Kindle Fire, IPad
|
Spacing issues
I have an e pub converted from the output of an .indd I had to do some css changes in margin for main paragraphs and everything else looks fine except the spacing between graphics.
The original file was compiled from an .indd using the articles panel in some instances the order of the articles is different as one page my have header.jpg text, ad.jpg etc.while anothe page has text, a .jpg another .jpg and text. So inbetween these instances the spacing could be bigger, besides going and adding space by hitting the return key which produces blank paragraphs is there a better way as I thought css but I would have to add spacing for each element, correct? ??? Thx HI |
07-18-2013, 02:23 PM | #2 |
Wizard
Posts: 1,542
Karma: 6613969
Join Date: Mar 2013
Location: Rosario - Santa Fe - Argentina
Device: Kindle 4 NT
|
Not necessarily
Try the following: 1. Go to your css styleseet. 2. Seek in the css file if there is an "img" tag and if it is styled (you'll see something like: Code:
img { ...; ...; } 3. If you found the "img" tag, then add at the end of it the following: Code:
img {
...; /* old entry */
...; /* old entry */
margin-top: 1em; /* new entry */
margin-bottom: 1em; /* new entry */
margin-left: 1em; /* new entry */
margin-right: 1em; /* new entry */
}
Code:
img { margin-top: 1em; margin-bottom: 1em; margin-left: 1em; margin-right: 1em; } 5. Save changes and see how the images are showed now. Regards Rubén Last edited by RbnJrg; 07-18-2013 at 02:25 PM. |
Advert | |
|
07-18-2013, 03:26 PM | #3 |
Connoisseur
Posts: 86
Karma: 470352
Join Date: Dec 2012
Device: Kindle Fire, IPad
|
yes, that is exactly what I did and it worked fine now everything is spaced according to the main div that holds the imgs
thx HI |
07-18-2013, 03:29 PM | #4 | |
Well trained by Cats
Posts: 29,801
Karma: 54830978
Join Date: Aug 2009
Location: The Central Coast of California
Device: Kobo Libra2,Kobo Aura2v1, K4NT(Fixed: New Bat.), Galaxy Tab A
|
Quote:
Code:
margin: 1em; |
|
07-18-2013, 03:59 PM | #5 |
Wizard
Posts: 1,542
Karma: 6613969
Join Date: Mar 2013
Location: Rosario - Santa Fe - Argentina
Device: Kindle 4 NT
|
Yes, I know the shorthand form of the margin property And also you can use the shorhand form even when all margins are different -i.e. margin: 1em 0 2em 0.5em-. But I wrote the properties separately because maybe the OP wouldn't want all margin equals (perhaps if images were left floated he would prefer margin-left: 0). By writing the properties of that way, I gave him the chance to change any of them without needing for him to know css (besides, of that way it easier to me than write -i.e. margin: 1em 0 2em 0.5em- and to explain it).
|
Advert | |
|
07-22-2013, 12:14 PM | #6 | |
Wizard
Posts: 1,071
Karma: 412718
Join Date: Jan 2009
Location: Valley Forge, PA, USA
Device: Kindle Paperwhite
|
Quote:
Paul |
|
07-22-2013, 01:21 PM | #7 | |
Well trained by Cats
Posts: 29,801
Karma: 54830978
Join Date: Aug 2009
Location: The Central Coast of California
Device: Kobo Libra2,Kobo Aura2v1, K4NT(Fixed: New Bat.), Galaxy Tab A
|
Quote:
Shorthand starts clockwise at 12:00 1 value = all 2 values = top-bottom, sides 4 (you better be able to guess this ) |
|
07-22-2013, 05:43 PM | #8 | ||
Wizard
Posts: 1,071
Karma: 412718
Join Date: Jan 2009
Location: Valley Forge, PA, USA
Device: Kindle Paperwhite
|
Quote:
Quote:
Paul |
||
|
Similar Threads | ||||
Thread | Thread Starter | Forum | Replies | Last Post |
Sigil Spacing Issues | Shak | Sigil | 1 | 05-17-2013 01:55 AM |
Inconsistent Spacing | N00ter | ePub | 26 | 04-15-2012 09:51 AM |
Help With spacing. | linusnc | Conversion | 1 | 12-22-2011 02:38 PM |
Charging Issues and Screen Issues | srj321 | Sony Reader | 2 | 07-11-2010 11:52 PM |
Line spacing | Ivo | Kobo Reader | 3 | 06-30-2010 12:54 PM |