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.
HTH. Yogesh 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 [email protected] To unsubscribe from this group, send email to [email protected] For more options, visit this group at http://groups.google.com/group/prototype-scriptaculous?hl=en -~----------~----~----~----~------~----~------~--~---
