Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations Chris Miller on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

text-align

Status
Not open for further replies.
iminore

iminore

Programmer
Sep 3, 2002
50
GB
Can anybody suggest why the following doesn't work:

<html<head></head><body>
<table width=&quot;100%&quot;><tr><td width=&quot;100%&quot;>
<span style=&quot;text-align:left;&quot;>aaa</span>
<span style=&quot;text-align:right;&quot;>bbb</span>
</td></tr></table>
</body></html>

that is, why isn't 'bbb' over to the right?
 
Sort by date Sort by votes
Try this script:

[tt]
<html<head></head><body>
<table width=&quot;100%&quot;><tr><td width=&quot;100%&quot;>
<p align=&quot;left&quot;>aaa</p>
<p align=&quot;right&quot;>bbb</p>
</td></tr></table>
</body></html>
[/tt]
 
Upvote 0 Downvote
The problem was that although the <td> was set to 100% of the width, the <span> were set only to the width of the text inside of it. The alternatives are using a <p>, like in the example above, or setting the widths of the <spans> to 100%. Second way below:

<html>
<head></head>
<body>
<table width=&quot;100%&quot;>
<tr>
<td width=&quot;100%&quot;>
<span style=&quot;width:100%;text-align:left;&quot;>aaa</span>
<span style=&quot;width:100%;text-align:right;&quot;>bbb</span>
</td>
</tr>
</table>
</body>
</html>

Rick -----------------------------------------------------------
 
Upvote 0 Downvote
Actually, on looking at your question closer, I think this is the effect that you want:

<html>
<head></head>
<body>
<table width=&quot;100%&quot;>
<tr>
<td width=&quot;100%&quot;>
<span style=&quot;width:50%;text-align:left;&quot;>aaa</span>
<span style=&quot;width:50%;text-align:right;&quot;>bbb</span>
</td>
</tr>
</table>
</body>
</html>

Rick -----------------------------------------------------------
 
Upvote 0 Downvote
Or use float:left; and float:right; to position the spans left and right.

Better yet why not nest another table there?


É
::
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

waubain
  • Locked
  • Question
Prevent user from getting a 404 error if click on a hover text displaying a hidden image. 1
Replies
5
Views
223
jjgupta915
jjgupta915
coldbohemia
  • Locked
  • Question
I'm inserting a text file into a we
Replies
2
Views
167
coldbohemia
coldbohemia
AzizKamal
  • Locked
  • Question
center-align menu item text 1
Replies
8
Views
342
vacunita
vacunita
pendle666
  • Locked
  • Question
Inserting same line of text of every web page - &quot;link&quot; insert? 1
Replies
6
Views
219
ChrisHirst
ChrisHirst
PeDa
  • Locked
  • Question
css left and right align on one row
Replies
4
Views
123
vacunita
vacunita

Part and Inventory Search

Sponsor

Back
Top