How to align paragraph numbers with bottom and not with top

[Joost]

When I use buttons in lists that are higher than the paragraph text, the paragraph numbers are aligned to the top of the paragraph, not the bottom, which makes them float in relation to the paragraph text. Can I change this behaviour somewhere? I have been looking in the css, but could't find it.

flareforum1.png

Thanks,

Joost

[RickHenkel]

This is just a wild guess, and I haven't tried this to see what it does. But the page at http://www.w3schools.com/Css/pr_pos_vertical-align.asp lists a property value of text-top for vertical-align . . .

[Nita Beck]

I am having exactly the same problem, with no luck from mucking around with the vertical-align property of the image. (And I see that there was a posting about the same problem a year ago: http://forums.madcapsoftware.com/viewto ... ent#p41082.)

Has anyone found a solution or a workaround?

Meantime, I'll submit a bug request.

[PBayne]

I've been able to get this to work. You need to set the vertical-align property of the auto-number class of your style.

An example in my case is for ordered lists (procedures). I use the following styles:
(p.s1_Step_1) for the first step, and
(p.s1_Step_next) for subsequent steps.

What you do is look at the mc-auto-number-class property of these styles. In my case it is set to zAuto_Format (automatically created when I imported from Framemaker). You should also have a corresponding span class/style. In my case it is (span.zAuto_Format). It is the vertical-align property of this span class that you need to set. In my case, setting this to baseline worked. I suspect that if the vertical-align property of your paragraph list style is set to anything else you will need to match that setting as well.

Hope this helps.

Pat

[Nita Beck]

Unfortunately for me at least, I don't think this solution will work. I don't use <p> classes with auto-numbers for my procedure steps and other lists. I just use <li> items within ordered lists (so I get numbers) or unordered lists (so I get bullets). The mc-auto-number class, format, offest, and position properties are not set at all for the <li>, <ol>, or <ul> tags. (Should they be? Their not being set hasn't seemed to be a problem otherwise.) There are no corresponding span tags. I've not imported anything from Frame, but am creating new content with Flare.

I consider myself as having a ways to go still regarding CSS, so perhaps I'm not recognizing the golden nugget in your solution.

Thanks kindly, though!

[PBayne]

The mc-auto-number class, format, offest, and position properties are not set at all for the <li>, <ol>, or <ul> tags. (Should they be? Their not being set hasn't seemed to be a problem otherwise.) There are no corresponding span tags. I've not imported anything from Frame, but am creating new content with Flare.

I actually don't know that they should in your case. However, it might be worth it to try creating the span tags and setting the properties and see what happens (in a test file of course). Other than that I'm out of suggestions.

Pat

[Nita Beck]

But what would I even apply the span tags to?

[PBayne]

Let's say you create the span class Auto_num and you set all the relevant properties (including the vertical-align).
Next you go to the <li> tag and set the mc-auto-number class property to Auto_num.

[NorthEast]

Nope, that's wrong.
Nita isn't using autonumber lists; these are standard HTML lists that don't use an autonumber format.
What you're talking about is Flare's autonumber format, which generates span tags around the format (e.g. number), which means you can apply a span class to those tags (as you describe). However, these simply don't exist in a standard list - i.e. there is no span class around the number to apply the style to.

As far as I can tell, am I right in thinking this issue is only with PDFs?
I can get numbers to align correctly in help outputs, but in PDF output (and also Flare's editor) they're centre-aligned.

[PBayne]

My bad. I know that she's using the standard lists and not the autonumber format. I was simply suggesting that it might be worth finding out if using the autonumber technique would work. If it doesn't, so be it.

This does raise another question in my mind though. If one is using the standard lists, is it possible to change the format of the bullets/numbers? For example, if you wanted the numbers in an ordered list to be bold and blue.

[NorthEast]

This does raise another question in my mind though. If one is using the standard lists, is it possible to change the format of the bullets/numbers? For example, if you wanted the numbers in an ordered list to be bold and blue.

No, the bullet/number is part of the list item, so it will have the same properties.

However, as you can have a paragraph (p) tag inside the list item (li), you could have set one colour for the list, and set a different colour for the paragraph text. So there is a way round it, but you need to manually add the paragraph tags to list items, which isn't a an ideal solution by any means.