[Pro] Indented bullets in table

I’ve read numerous older posts regarding this, but I don’t know if things have changed 'cos I’m still not getting the results I’m after.

I’ve got a bulleted list in a table-based eshot which, by default, are indented. To reduce the indent I’ve created a style and added ‘padding-left - 0’ to the extended tab, but his causes the bullets to shift left beyond the edge of the table cell they’re supposed to be contained in. I’ve tried various combinations of this with ‘margin-left’ and ‘style-position’ (inside & outside) but can’t get any of them to work right.

Can someone tell me which of these attributes I should be using with example values for the bullets to sit at the left of the cell with all the text to be indented and aligned, slightly further to the right.

Thanks in advance


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

There’s two components to this: the padding-left on the ul and the margin-left on the li. Since you are making a self-contained mail template, you’re going to have to move these styles to be inline declarations, not sure if the Actions that exist for this can handle this level of detail. Here’s how it would look if you were hand-coding it:

<ul style="padding-left: 0;">
	<li style="margin-left: 1em;">One</li>
	<li style="margin-left: 1em;">Two</li>
	<li style="margin-left: 1em;">Three</li>
</ul>

Obviously, you would tinker with that 1em value until you saw what you liked (that might be a little low, haven’t tested). You can test this in Freeway by creating a Tag-Only Style http://actionsforge.com/articles/view/9-tag-only-styles for ul and another for li. But when you convert to a mail template, you’ll probably need to move these styles inline as I’ve coded it above, since named styles don’t play well in Outlook.

Walter

On Jul 3, 2012, at 12:32 PM, neil.west1 wrote:

I’ve read numerous older posts regarding this, but I don’t know if things have changed 'cos I’m still not getting the results I’m after.

I’ve got a bulleted list in a table-based eshot which, by default, are indented. To reduce the indent I’ve created a style and added ‘padding-left - 0’ to the extended tab, but his causes the bullets to shift left beyond the edge of the table cell they’re supposed to be contained in. I’ve tried various combinations of this with ‘margin-left’ and ‘style-position’ (inside & outside) but can’t get any of them to work right.

Can someone tell me which of these attributes I should be using with example values for the bullets to sit at the left of the cell with all the text to be indented and aligned, slightly further to the right.

Thanks in advance


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

CSS to the rescue!

http://www.w3schools.com/cssref/pr_list-style-position.asp


Ernie Simpson

On Tue, Jul 3, 2012 at 12:32 PM, neil.west1 email@hidden wrote:

I’ve read numerous older posts regarding this, but I don’t know if things
have changed 'cos I’m still not getting the results I’m after.

I’ve got a bulleted list in a table-based eshot which, by default, are
indented. To reduce the indent I’ve created a style and added 'padding-left

  • 0’ to the extended tab, but his causes the bullets to shift left beyond
    the edge of the table cell they’re supposed to be contained in. I’ve tried
    various combinations of this with ‘margin-left’ and ‘style-position’
    (inside & outside) but can’t get any of them to work right.

Can someone tell me which of these attributes I should be using with
example values for the bullets to sit at the left of the cell with all the
text to be indented and aligned, slightly further to the right.

Thanks in advance


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