Hi Ashwin,

How about floating the span elements? I have similar list and I use 
float. Add a class to your span elements. In CSS, assign a width and 
float them left or right as per your requirement.


Ashwin wrote:
> One of the reasons I like the Google Suggest powered autocomplete
> function at Google Finance (http://finance.google.com) is because the
> drop choice choices appear in a tabular format with 2 columns. The
> left column contains the ticker symbol and the right column contains
> the company name. I am trying to emulate a similar effect but with 4
> columns. Without thinking about customization, my first attempt
> involves trying to return data that looks like this from the server
> side
> <ul>
>   <li><span style="width:50px;">1</span><span style="width:
> 150px;">Jane</span><span style="width:150px;">Doe</span><span
> style="width:250px;">Director</span></li>
>   <li><span style="width:50px;">2</span><span style="width:
> 150px;">John</span><span style="width:150px;">Doe</span><span
> style="width:250px;">Manager</span></li>
>   <li><span style="width:50px;">3</span><span style="width:
> 150px;">Peter</span><span style="width:150px;">Trent</span><span
> style="width:250px;">Developer</span></li>
> </ul>
> In a regular HTML page, this has a tabular look to it. But when this
> content gets loaded in the autocompleter's DIV element, it gets
> treated just like HTML whitespace.
> Am I missing something here, or are there better ways of doing this?
> Thanks!
> Ashwin
> >

You received this message because you are subscribed to the Google Groups 
"Prototype & script.aculo.us" group.
To post to this group, send email to prototype-scriptaculous@googlegroups.com
To unsubscribe from this group, send email to 
For more options, visit this group at 

Reply via email to