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 Mike Lewis on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Table fitting problem

Status
Not open for further replies.
louistaub

louistaub

Programmer
Sep 21, 2001
20
0
0
GB
I've been trying for a quite a while to fit the radio buttons and the text together to fit onto 2 seperate lines, but they always seem to default to three lines or 2 lines with the text on the wrong line.
here is my code, run this and it should became clear what I am trying to do.

<HTML>
<HEAD>
<TITLE>Layout V2</TITLE>
<STYLE TYPE=&quot;text/css&quot;>
BODY { font-family: Arial, Helvetica, Sans-Serif; font-size: 9pt; }
.cm12dl { width: 11cm; background: #FFE1B0; font-family:Arial,Helvetica,Sans-Serif;

font-size:8pt;text-align:left; vertical-align:top; }
.qty { width: 8.5cm; background: #FFEFCE; font-family:Arial, Helvetica, Sans-Serif;

font-size: 8pt; text-align:left; }
</STYLE>
</head>
<body>
<table>
<TR>
<TD CLASS=&quot;cm12dl&quot; COLSPAN=2>
<TEXTAREA ROWS=2 READONLY CLASS=&quot;qty&quot; name=selections>
 
Sort by date Sort by votes
sorry it didn't all fit in
rest --
<samp style=&quot;vertical-align:top;font-size:8pt&quot;>code</samp>
<input type=&quot;radio&quot; name=&quot;co&quot; style=&quot;vertical-align:top;font-size:8pt&quot;>
<samp style=&quot;vertical-align:top;font-size:8pt&quot;>desc</samp>
<input type=&quot;radio&quot; name=&quot;co&quot; style=&quot;vertical-align:top;font-size:8pt&quot;>
</TD>
</TR>
</table>
</body>
</html>
Can anyone get this to fit onto 2 lines?
thanks for any help

Louis Taub
 
Upvote 0 Downvote
Can you explain where your getting this <samp> tag from?
 
Upvote 0 Downvote
nm, havn't had my coffe yet. I don't know if its your problem, but in your posted code there is no </textarea> tag.

From what I can tell, your question is an asthetic one, so are you just trying to lay it out nicely? Try this:

this replaces your table cell
Code: 
<TD CLASS=&quot;cm12dl&quot; COLSPAN=2>
<center>
<TEXTAREA ROWS=2 READONLY CLASS=&quot;qty&quot; name=selections></textarea><br>
<samp style=&quot;vertical-align:top;font-size:8pt&quot;>code</samp>
<input type=&quot;radio&quot; name=&quot;co&quot; style=&quot;vertical-align:top;font-size:8pt&quot;>
&nbsp;|&nbsp;
<samp style=&quot;vertical-align:top;font-size:8pt&quot;>desc</samp>
<input type=&quot;radio&quot; name=&quot;co&quot; style=&quot;vertical-align:top;font-size:8pt&quot;>
</center>
</TD>
[code]
 
Upvote 0 Downvote
That idea does work, but I need the radio buttons to be next to the text area. The table is part of a larger table and I have run out of space on the screen, which is why I cannot afford another line.

Any other ideas would be much appreciated.

Louis Taub
 
Upvote 0 Downvote
Try something like this:

<input type=&quot;radio&quot; name=&quot;co&quot; style=&quot;margin-left:-30;vertical-align:top;font-size:8pt&quot;>

<input type=&quot;radio&quot; name=&quot;co&quot; style=&quot;margin-left:-30;vertical-align:top;font-size:8pt&quot;>

You can also add position:absolute; or position:relative; to see what that brings,

Hope this helps,
Erik
 
Upvote 0 Downvote
Thanks for the advice, it's helped a lot

Louis
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

PeDa
  • Locked
  • Question
Display table td's as block element on mobile phone 1
Replies
3
Views
218
spamjim
spamjim
PeDa
  • Locked
  • Question
Horizontal rule and CSS problem 2
Replies
2
Views
156
PeDa
PeDa
ashokkumary
  • Locked
  • Question
missing leading zero when we download in excel from html table data.
Replies
1
Views
57
spamjim
spamjim
PeDa
  • Locked
  • Question
Table not formatted correctly in all browsers 1
Replies
2
Views
63
PeDa
PeDa
PSchubert
  • Locked
  • Question
Data in db table cell not displayed in asp table cell -- a CSS issue?
Replies
2
Views
44
vacunita
vacunita

Part and Inventory Search

Sponsor

Back
Top