|
|
Posted by rtconner on 04/13/06 23:38
What I'm trying to do is line several item up in one row (preferably
within a LI). The first element *must* be a span tag (unless there
really is no other way, then I have a lot of work to do) The
second(through.. 4th?) element(s) can be anything. But I can promise
there are always three blobs of text I'll have to put after the span in
each row. They can be in one table with 3 td's or 3, divs.. I don't
care. What I want though is the first element aligned on the left, and
the next two aligned on the right.
Here is a visual-
Span Left Text Right Text
* text1 right1 right2
Anything that works in IE 6+, and latest Mozilla is fine.
This code works in Mozilla, not IE.
<ul>
<li style="width:100%;background-color:#FFBBAA">
<span>*</span>
<table cellspacing="0" cellpadding="0" width="100%"
style="display:inline">
<tr>
<td width="100%">
aligned left
</td>
<td>
right1
</td>
<td>
right2
</td>
</tr>
</table>
</li>
</ul>
--
Why am I trying to do this? It's weird but involves use of the mktree
js library and requirements for building a tree to go into it. I
thought this would be the easy part to do, but its not turning out that
way.
Navigation:
[Reply to this message]
|