text alignment within <td></td> with muliple spans

[Frank Bucher]

Hello NG,

I'm trying to have two links within a tablecell. The first one should be
next to the left cell-border, the second should be next to the right
border. I also would like to prevent a linebreak between these two
links. The code should work in IE 5.5/6.x, NS 4.78 and in Mozilla.

I tried a lot of things and ended up with the following (which does not
work at all; btw the links are "stripped-down" here to a normal image
source):

<td>
<nowrap>
<div class="block">
<span class="left"><img src="arrowleft.gif"></span>
<span class="center">&nbsp;</span>
<span class="right"><img src="arrowright.gif"></span>
</div>
</nowrap>
</td>

the classes in the css-file look like this:

span.left
{
vertikal-align: top;
text-align: left
}

span.right
{
vertikal-align: top;
text-align: right
}

span.center
{
vertikal-align: top;
text-align: center
}

div.block
{
vertikal-align: top;
text-align: justify
}

This does not place the right link next to the right cellborder in
every browser I tried, and even worse, it does not prevent a linebreak
in Netscape Comunicator 4.78, although the cell has a sufficient width :0

So what would be a proper solution for this?

Greets, Frank

[viza]

Thus quoth Frank Bucher:

> Hello NG,
>
> I'm trying to have two links within a tablecell. The first one should be
> next to the left cell-border, the second should be next to the right
> border. I also would like to prevent a linebreak between these two
> links. The code should work in IE 5.5/6.x, NS 4.78 and in Mozilla.

<TD STYLE="text-align:left">first bit</TD>
<TD STYLE="text-align:right">second bit</TD>

Then in for the other cells in that column:

<TD COLSPAN=2>

--
Theresnopointinmanywordswhenonewilldo.