Formato de Estilo de un SELECT HTML

[Llorente2009]

Hola a todos.
Llevo días buscando una solución para esto , pero no sé como hacerlo:

En cada línea del select hay que mostrar dos datos, una palabra y un número:

armario 5
coche 7
arbol 9

hay forma de cuadrarlo?
Ahora me sale asi:

armario 5
coche 7
arbol 9

Y quiero que salga como lo primero como si fuera una tabla:

<tr>
<td align=left> armario </td>
<td align=rigth> 5 </td>
</tr>

Asi lo cuadra la tabla, como podría hacerlo en el select?????
Gracias.

[AlbertoGarcia]

Hola, esto se me ha ocurrido ahora al vuelo, sin probarlo, ¿y si metes el número en un span y lo flotas a la derecha dándole al select un ancho fijo?

Salud!

[Llorente2009]

Iniciado por AlbertoGarcia

Hola, esto se me ha ocurrido ahora al vuelo, sin probarlo, ¿y si metes el número en un span y lo flotas a la derecha dándole al select un ancho fijo?

Salud!

He probado a hacer :

<SELECT style='width:130;' >
<OPTION>armario <span style="float:ritght">5</span>"</OPTION>
<OPTION>coche <span style="float:ritght">7</span>"</OPTION>
</SELECT>

Y no me funciona tampoco.

Alguna idea????

[abimaelrc]

En realidad vas a tener que usar &nbsp; para hacer el truco de separarlos. Si vas a tener una lista bien larga y si estas usando PHP puedes usar str_pad() para añadirlo de acuerdo a un tamaño que indiques que debe tener un string. Pero si no es bien largo y se va a manter siempre lo mismo puedes usar

Código html:

<SELECT >
<OPTION>armario &nbsp;&nbsp;&nbsp;&nbsp;5"</OPTION>
<OPTION>coche&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;7"</OPTION>
</SELECT>
 

[uymeloolvide]

Iniciado por Llorente2009

He probado a hacer :

<SELECT style='width:130;' >
<OPTION>armario <span style="float:ritght">5</span>"</OPTION>
<OPTION>coche <span style="float:ritght">7</span>"</OPTION>
</SELECT>

Y no me funciona tampoco.

Alguna idea????

En el caso de que asi estas poniendo ritght en vez de right

[Llorente2009]

Iniciado por uymeloolvide

En el caso de que asi estas poniendo ritght en vez de right

En realidad pongo "right" ha sido una errata al copiar y pegar y modificar.

abimaelrc, es ver que se usa "&nbsp;", de hecho, otra prueba que hice fue con una funcion javascript obtener la longitud máxima, y las que eran inferiores añadia entre palabra y numero los "&nbsp;" necesarios. El problema es que gráficamente ocupa más una "c" que una "i", asi que aunque tenga la misma longitud, queda descuadrado. Por eso, era la idea que cuadrarlo a la derecha el número, pero no sé hacerlo.
Si teneis alguna idea, ejemplo, etc...os lo agradecería.

Un saludo