Foros del Web » Creando para Internet » HTML »

se puede restringir el ancho de un select

Estas en el tema de se puede restringir el ancho de un select en el foro de HTML en Foros del Web. digamos que un select como este <SELECT name="operacion"> <option value="0" selected>Elegir... </option> <option value="alquiler" >Alquiler</option> <option value="venta">Texto muy largo xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</option> </SELECT> el texto de la ...
  #1 (permalink)  
Antiguo 04/08/2008, 09:52
 
Fecha de Ingreso: diciembre-2005
Ubicación: Barcelona
Mensajes: 1.428
Antigüedad: 12 años
Puntos: 15
se puede restringir el ancho de un select

digamos que un select como este

<SELECT name="operacion">
<option value="0" selected>Elegir... </option>
<option value="alquiler" >Alquiler</option>
<option value="venta">Texto muy largo xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</option>
</SELECT>


el texto de la ultima option "Texto muy largo xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx"
hace que el ancho sea mayor.

Hay alguna forma de que ese texto ocupe 2 o 3 lineas y asi no agrande el select

gracias
  #2 (permalink)  
Antiguo 04/08/2008, 10:18
Avatar de Mort20  
Fecha de Ingreso: junio-2008
Ubicación: Roca Casterly
Mensajes: 141
Antigüedad: 9 años, 6 meses
Puntos: 2
Respuesta: se puede restringir el ancho de un select

Lo de poner el texto largo en varias líneas me suena de haber visto que se podía, pero no estoy seguro.

Lo que sí sé es que puedes añadir la propiedad CSS width. Así conseguirás que la apariencia sin desplegar el select sea la que tu quieres, aunque cuando lo desplieguen verán todo el texto ancho hasta que se vuelva a replegar (quizás si queda seleccionado aparece ancho, no estoy seguro tampoco xD).
  #3 (permalink)  
Antiguo 04/08/2008, 13:34
 
Fecha de Ingreso: agosto-2007
Mensajes: 42
Antigüedad: 10 años, 3 meses
Puntos: 0
Respuesta: se puede restringir el ancho de un select

Creo a mi entender que la opción mas fácil y que yo aplicaría es php, asp o en cualquier lenguaje que este programada tu web. En el caso de php, te voy a explicar como hacerlo.

Extrae los datos de tu base datos y pásalos por una función como esta:

function corta_texto($texto, $num) {
$txt = (strlen($texto) > $num) ? substr($texto,0,$num)."..." : $texto;
return $txt;
}

el primer parámetro es la variable donde esta tu texto a cortar (el texto que vas a meter en el select) y el segundo parámetro es a cuantas letras lo vas a cortar. ejemplo de uso:

$texto_option = "Texto muy largo xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx";
$limitado = "10"; // número de caracteres en el cuál se corta el texto y se dejará un "..." al final

<SELECT name="operacion">
<option value="0" selected>Elegir... </option>
<option value="alquiler" >Alquiler</option>
<option value="venta">corta_texto($texto_option,$limitado) </option>
</SELECT>

Espero te ayude si tiene dudas de php, pásate la sección de php y te ayudarán
  #4 (permalink)  
Antiguo 05/08/2008, 05:40
 
Fecha de Ingreso: diciembre-2005
Ubicación: Barcelona
Mensajes: 1.428
Antigüedad: 12 años
Puntos: 15
Respuesta: se puede restringir el ancho de un select

he probado con el width con css, funciona bien en firefox pero no en IE (ya que cuando lo despliego muestra el ancho dado por width y por lo tanto me corta el texto)
Alguna idea de algún truco para el bendito IE

la opcion de cortar el texto con php es lo que hacía pero me piden que lo cambie..
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 21:08.