Foros del Web » Creando para Internet » HTML »

Formato de Estilo de un SELECT HTML

Estas en el tema de Formato de Estilo de un SELECT HTML en el foro de HTML en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 04/08/2009, 04:41
 
Fecha de Ingreso: agosto-2009
Mensajes: 3
Antigüedad: 14 años, 8 meses
Puntos: 0
Formato de Estilo de un SELECT HTML

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.
  #2 (permalink)  
Antiguo 04/08/2009, 05:15
 
Fecha de Ingreso: mayo-2009
Ubicación: Fuerteventura
Mensajes: 324
Antigüedad: 14 años, 11 meses
Puntos: 19
Respuesta: Formato de Estilo de un SELECT HTML

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!
  #3 (permalink)  
Antiguo 04/08/2009, 06:58
 
Fecha de Ingreso: agosto-2009
Mensajes: 3
Antigüedad: 14 años, 8 meses
Puntos: 0
Respuesta: Formato de Estilo de un SELECT HTML

Cita:
Iniciado por AlbertoGarcia Ver Mensaje
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????
  #4 (permalink)  
Antiguo 04/08/2009, 10:08
Avatar de abimaelrc
Colaborador
 
Fecha de Ingreso: mayo-2009
Ubicación: En el planeta de Puerto Rico
Mensajes: 14.734
Antigüedad: 14 años, 10 meses
Puntos: 1517
Respuesta: Formato de Estilo de un SELECT HTML

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:
Ver original
  1. <OPTION>armario &nbsp;&nbsp;&nbsp;&nbsp;5"</OPTION>
  2. <OPTION>coche&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;7"</OPTION>
__________________
Verifica antes de preguntar.
Los verdaderos amigos se hieren con la verdad, para no perderlos con la mentira. - Eugenio Maria de Hostos
  #5 (permalink)  
Antiguo 04/08/2009, 13:02
 
Fecha de Ingreso: febrero-2009
Mensajes: 54
Antigüedad: 15 años, 1 mes
Puntos: 0
Respuesta: Formato de Estilo de un SELECT HTML

Cita:
Iniciado por Llorente2009 Ver Mensaje
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
  #6 (permalink)  
Antiguo 05/08/2009, 04:07
 
Fecha de Ingreso: agosto-2009
Mensajes: 3
Antigüedad: 14 años, 8 meses
Puntos: 0
Respuesta: Formato de Estilo de un SELECT HTML

Cita:
Iniciado por uymeloolvide Ver Mensaje
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
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 18:59.