CSS not working properly

programming flash
1

In my movie ive got my css working with xml data but theres one thing that wont work, Margin spacing.

My xml looks a bit like this

<timetable>
<day>Monday</day>
<group><span class=“one”>group</span></group>
<hours><span class=“two”>hours</span></hours>
</timetable>

The span is so that ‘group’ and ‘hours’ will stay on the same line in the text box.

This is my css…

.one {
margin-left:20px;
}

.two {
margin-left:100px;
}

But only the class ‘one’ margin space will work. class ‘two’ just stays directly next to ‘one’

ive tried margin0-right on one still wont work ive tried padding neither does that.

Can anyone please help??

2

There’s a list of supported html tags here. Flash support for HTML is fairly limited.

http://livedocs.adobe.com/flash/9.0/main/00000922.html

I would be tempted to use 2 separate text boxes.

3

Or maybe look at Texformat.tabStops and/or *Textformat.indent *in the Help files:
ActionScript classes > TextFormat > tabStops (TextFormat.tabStops property)
ActionScript classes > TextFormat > indent (TextFormat.indent property)

There’s also a useful example file under *Text format tag *in the Learning Actionscript 2.0 help book:
Working with Text and Strings > Using HTML-formatted text > About supported HTML tags > Text format tag