Bullet Alignment Question

This forum is for all Flare issues related to styles, stylesheets and XML.
Post Reply
lcharlesjohnson
Propeller Head
Posts: 39
Joined: Fri Nov 16, 2007 7:16 pm
Location: Northern Virginia
Contact:

Bullet Alignment Question

Post by lcharlesjohnson »

I'm embarrassed to ask question - because I should know it - just having a senior moment.

How do I get the 2nd line of a bulleted item to align with the text in the first line? Right now, the text on the 2nd line is aligned with the bullet - and I don't want it that way.

I tried list-style-position:inside and that's not working (although I could have screwed something else up so that's not working).

I'll give the excuse that I'm working with an imported RH project and the styles were all ugly.

Laura
Laura Charles Johnson
MadCap Certified Advanced Developer and Instructor of Flare
http://flareforhelp.lauracjohnson.com
lacastle
Propellus Maximus
Posts: 1028
Joined: Thu Apr 12, 2007 7:28 am
Location: Wilmington, DE
Contact:

Re: Bullet Alignment Question

Post by lacastle »

This website - http://www.echoecho.com/csslists.htm - says:
list-style position
Often the text in a list is longer than one line.
list-style position:outer lets the second line align with the first line. That is: the bullet is to the left of both lines.
list-style position:inner lets the second line align with the bullet.
If this doesn't work, definitely use the RoboHelp import as an excuse. ;)

Just make sure your other <li> styles aren't messing anything up. Maybe start over with a clean <li>?
lcharlesjohnson
Propeller Head
Posts: 39
Joined: Fri Nov 16, 2007 7:16 pm
Location: Northern Virginia
Contact:

Re: Bullet Alignment Question

Post by lcharlesjohnson »

Laura,

Thanks for your input. You are correct - I should have set the list-style-position to 'outside' instead of 'inside.' Ryan, one of Flare's tech support Rock Stars :wink: :wink: , explained it this way:

Think of the list item text as a box. When you set the list-style-position to 'inside,' that positions the bullet "inside" the box. By setting it to "outside," the bullet remains outside of the box.

Thank you for your explanation. My list is no longer hideously ugly!

Laura
Laura Charles Johnson
MadCap Certified Advanced Developer and Instructor of Flare
http://flareforhelp.lauracjohnson.com
lacastle
Propellus Maximus
Posts: 1028
Joined: Thu Apr 12, 2007 7:28 am
Location: Wilmington, DE
Contact:

Re: Bullet Alignment Question

Post by lacastle »

Yes, Ryan's explanation is better and easy to understand. Now I know what it means too!
Post Reply