table cell with select list

[iminore]

here is the code:

<table><tr><td><select size=3><option>aaa<option>bbb<option>
ccc</select>note</td></tr></table>

I want the 'note' text to appear at the top of the table cell, not at the bottom. Please don't suggest more table cells there are reasons why it's like this.

 

[Vragabond]

I don't think you can align the text to the top in this case. You can however put the note in a separate column:

<table>
 <tr>
  <td>
   <select size=3>
    <option>aaa</option>
    <option>bbb</option>
    <option>ccc</option>
   </select>
  </td>
  <td valign=&quot;top&quot;>
   note
  </td>
 </tr> 
</table>

Hope it helps.

 

[Wullie]

Hi mate,

Do you mean that you want the text above where it is now or above the select box?

Also, what is the reason you don't want more table cells? If you provide some details then we might be able to get a workaround for you.

Wullie

http://www.shuttlecomputer.org.uk

http://www.shuttlesystems.org.uk

The pessimist complains about the wind. The optimist expects it to change.
The leader adjusts the sails. - John Maxwell

 

[iminore]

The row with the select list is actually part of a bigger table. Surely there is a way with css to get the 'note' to the top.

 

[bigoldbulldog]

Why not code the note before the select and wrap it with a paragraph. e.g.

<table><tr><td><p>note</p><select size=3><option>aaa<option>bbb<option>
ccc</select></td></tr></table>

The paragraph will be easy to dress up with css.

Cheers,
ND

bigoldbulldog@hotmail.com

 

[Vragabond]

<table>
<tr>
<td>balballabllablabla</td><td>
<select size=3 style=&quot;float: left;&quot;><option>aaa<option>bbb<option>ccc</select><p style=&quot;float: right;&quot;>note</p>
</td>
</tr>
</table>

In line with bigoldbulldog's sound proposal, this code should display what you're trying to do.

Hope it helps.

 

[iminore]

well I reckon this is the best (and most understandable) solution:

<table>
<tr><td><select size=2><option>aaa<option>bbb</select>
<span style='vertical-align:top;'>xxxxx</span> </td></tr></table>