[SOLUCIONADO] agrupar select

[juaarias]

Hola tengo en una pagina 4 select(chosen), uno de bajo de otro y no se como hacer para ordenarlos y que queden 2-2, osea de manera horizontal .espero puedan ayudarme me imagino es algo sencillo pero google y no doy en la tecla, desde ya gracias

[temerariomalaga]

Una solución rápida que no implica CSS sería usar una tabla de 2x2 y metes en cada celda un select.

[juaarias]

un amigo me dijo que ruebe con div de grupo pero funciono, me fijo con las tablas, puede ser que el chosen tenga una posicion fija entonces no lo puedo agrupar?

[pzin]

Usa algún elemento con float y dale un tamaño del 50%.

[juaarias]

probe con la tabla y el problema esta en los select que quedan siempre en el mismo lugar, no conozco mucho de css y jquery, solo lo que hice fue utilizar chosen para un select, pero no se como organizarlo.

[Luminis]

¿Puedes subir una imágen de cómo lo tienes ahorita y cómo debería quedar?

[temerariomalaga]

Mira este ejemplo:

Código HTML:

<div id="selects">
        <div id="izquierda">
            <select><option>Uno</select>
            <select><option>Dos</select>
        </div>
        <div id="derecha">
            <select><option>Tres</select>
            <select><option>Cuatro</select>
        </div>
    </div>
 

Código CSS:

#selects{
    width: 20%;
}
#izquierda{
    float:left;
    width:50%;
}
#derecha{
    float:right;
    width:50%;
}
 

Prueba a hacer algo parecido a esto. La clave está como dijo pzin en usar floats.
Si no sabes mucho de CSS te recomiendo los manuales de CSS que hay en librosweb o "El gran libro de HTML5, CSS3 y Javascript" donde viene bastante informacion sobre estos tres temas.

[juaarias]

gente muchas gracias por sus respuestas al final lo solucione con una simple tabla,, lo queria hacer con css pero me falta estudiar un poco, me pondre a leer manuales