I have created a bulleted list with 10 items. The space between the lines aka the leading is double space. I would like to reduce that. Do I have to work with CSS to control this?
Thanks!
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Is this perhaps because at the end of every line you pressed CR and you should have used shift + CR. (Soft Return).
John
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
No, not in a list. If you do that, you end up with a single bullet and multiple lines hanging off of it (depending on the column width).
Yes, you need to use styles to control this. If you want this to apply to every list on the page, then you can create a style with the tag li and nothing in the name field, and adjust the “Space before” and “Space after” properties in the Paragraph settings to alter the defaults (1em before and after, browser defaults).
If you want to create a style for a single list, then put something useful in the name field, like tightList or something like that, and nothing in the Tag field. Again, adjust the spacing as you like. Then carefully highlight the entire list and click on the style name in the Styles palette to apply it to the entire list.
Walter
On Dec 7, 2012, at 12:09 PM, ejw wrote:
Is this perhaps because at the end of every line you pressed CR and you should have used shift + CR. (Soft Return).
John
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Walter,
Thank you for this important clarification.
John
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Thanks for the info. I created a style for my bullets but they are a little erratic when viewing in a browser. They look fine in FW though. Any ideas? I just used a 75% leading.
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Leading controls the relationship between text within a single tag. A list is a nested tag: UL on the outside and LI for each bullet on the inside. Your style rule has to cover the space between LIs, not the leading within those LIs. Remove the leading (line-height in proper CSS terms) and replace that with Space before (margin-top) and Space after (margin-bottom). Make both of those read the same (margins collapse into one another – a 12px margin on both the bottom of one tag and the top of the next will not result in 24 pixels between the two, but rather just 12 pixels).
Here’s what a list looks like in code, if it helps you visualize what’s going on here:
<ul>
<li>foo</li>
<li>bar</li>
<li>baz</li>
</ul>
You’re trying to control the distance between LI tags, not the line-spacing within each one of them.
Walter
On Dec 8, 2012, at 10:44 AM, Steven Houtzager wrote:
Thanks for the info. I created a style for my bullets but they are a little erratic when viewing in a browser. They look fine in FW though. Any ideas? I just used a 75% leading.
http://www.intuitionusa.com/1/leading.png
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
Thanks for the help. However, I am trying to go the route of letting Freeway handle the coding while i use the Freeway interface in order to be faster. I want to just use Freeway’s tools on lists.
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
You still need to create styles that respect the code that Freeway will generate.
Leading (or line-height) is for within a tag, like the inter-line spacing inside a paragraph. List items are like whole paragraphs themselves, nested inside a larger container called a UL or OL (unordered or ordered list, respectively). Therefore you have to use Space Before and Space After, because you are trying to control the space BETWEEN tags, not WITHIN them.
Open up the Edit Styles dialog and create a new style with the name MyList. In the Paragraph Styles section of the interface, click the (+) button and choose Space Before. Set this to some small amount, like 4px. Do the same for Space After. Close the style editor, and select your entire bulleted list. Click once on the MyList style in the Styles palette.
Walter
On Dec 10, 2012, at 1:53 PM, Steven Houtzager wrote:
Thanks for the help. However, I am trying to go the route of letting Freeway handle the coding while i use the Freeway interface in order to be faster. I want to just use Freeway’s tools on lists.
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options
