Pseudo-columns in drop-down menu

[phoenix_fly]

Hello folks,

Hereīs the problem, I want to line up a drop-down select menu that was supposed to have two columns (if our friend Mr Html gave us this possibility). As he doesnīt, Iīm trying to line up the first and second pseudo-columns with alterned   and spaces, like this:

<select name="myselect" class="form_s">
<option value="a" selected>this is a big text &nbsp; 1 match</option>
<option value="b" selected>small txt &nbsp; &nbsp; &nbsp; &nbsp; &nbsp
+; &nbsp; &nbsp; &nbsp; 30 matches</option>
</select>

Naturally, the options are generated by perl from an array, and, I thought, hey, no problem, itīs just a matter of counting the number of characters and inserting one space (or &nbsp;) for each one that it lacks to a defined lenght.
But the problem is that some letters occupy less space than others, so the pseudo-columns do not align.

Then, I thought if there is any way to measure the expected length in pixels with Perl. You guys know of any?

Thanks a lot

phoenix_fly

[Span]

phoenix_fly, you could try using a monospace font like Courier first. Monospace font letters have exactly the same width.

[phoenix_fly]

Hello Span,

The problem is that, as far as I know, the font in the <select> menu canīt be chosen, can they?

[Span]

Hi,

select {
font:12px courier,"courier new",monospace;
}

which is shorthand for:

select {
font-family:courier,"courier new",monospace;
font-size:12px;
}

That should work.

If you want to measure pixels you would have to use JavaScript. There are no fonts on the server..

[phoenix_fly]

Hey Span,

Yeah, that worked! Thanks a lot, pal!

It makes me have different style for the other forms and this drop-down, but if thatīs the way to acomplish my pseudo-columns, thatīs the way.

Take care

phoenix_fly