bullet columns

Freeway
1

How can I get a bullet list of items to line up in two columns and
then have text below it too? Right now I have an HTML box and then a
CSS box below it so a background picture shows through in the corner.

I need this:

Title
BULLET BULLET
BULLET BULLET

Title
Paragraph of text here

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

2

It’s possible using CSS to do just this. The ticket is to set the
individual list items to float left, and give both the list items and
the outer list a specific width. It’s not simple or WYSIWYG in
Freeway to do this, though.

Try the following. Select the HTML box where your list lives and note
its name in the inspector. Also check to be sure that it is set to
publish as a Layer. If it’s called item2 (lucky guess on my part)
then you would want to create the following style. Probably the
easiest way to try this out quickly would be to open the Page > HTML
Markup dialog and switch to the Before /head section.

#item2 ul { width: 500px }
#item2 ul li { width: 200px; float:left; margin-left:20px; padding:0 }

Naturally, substitute the actual name for your HTML box for item2
above. Keep the # mark, as this indicates that you are using an ID.
Oh, and be sure that your page is at HTML4 or above, or else Freeway
doesn’t generate IDs for boxes. Also adjust the dimensions to reflect
your actual page and element dimensions. Be sure to leave plenty of
extra room in your design for IE to screw things up. I have 10px of
width unaccounted for in mine, you can’t go wrong by making this
slush fund even larger, up to twice the padding you want to have
between columns.

If you are using a table-based layout and need to stick to it for
design reasons, then download my AddSelector action here: <http://
freewaypro.com/actions/downloads/>. This allows you to add an ID or a
Class to any element on the page. Without this, your style won’t have
anywhere to go. And you don’t want to apply this styling to every
list on your page, just the one you want to behave this way.

Walter

On Mar 3, 2008, at 9:29 AM, Bettie Sotomayor wrote:

How can I get a bullet list of items to line up in two columns and
then have text below it too? Right now I have an HTML box and then a
CSS box below it so a background picture shows through in the corner.

I need this:

Title
BULLET BULLET
BULLET BULLET

Title
Paragraph of text here

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

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

3

On Mar 3, 2008, at 9:47 AM, Walter Lee Davis wrote:

Probably the
easiest way to try this out quickly would be to open the Page > HTML
Markup dialog and switch to the Before /head section.

Sorry, forgot to say that if you are putting this in the Page > HTML
Markup dialog, you will have to add your own style tags around the
style definition:

<style type="text/css">
	your styles go here
</style>

Walter

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