Question

Anyone know of a solution to create aligned columns in form dropdown list?

Perhaps with css

Cross browser would be handy …
e.g.

<select size="1">
<option> John Smith      | 24 | United States</option>
<option> Johnny Vegas    | 34 | United Kingdom</option>
<option> Andrew Townsend | 34 | Canada</option>
</select>

The vertical bars are just representation of the column aligns ..

Hope that makes sense

Answer 1

gdoron got me thinking so I wrote a quick PHP hack for those finding this thread later

$name = str_replace("_", " ", str_pad($name , 50 ,"_"));

I’m sure theres other ways to do this in php..

Pretty sure this would work cross browser off to test!

Make sure you style the

select style="font-family: monospace;"