Label sobre el select de un formulario

[brusjc]

Hola a todos: necesito vuestra ayuda con un tema de un formulario en Jquery Mobile.

Me explico: tengo un controlgroup con 3 campos en horizontal. El problema es que las etiquetas label de cada campo se sitúan a la izquierda de cada select y yo necesito que las etiquetas aparezcan encima de cada campo. ¿Alguien me podría ayudar?

Os pongo el código que utilizo:

<form action="actualizador.php">
<div data-role="controlgroup" data-type="horizontal">
<label for"opciona">Opcion A</label>
<select id="calle" name="opciona">
<option value="Si">Si</option>
<option value="No">No</option>
</select>
<label for"opcionb">Opcion B</label>
<select id="opcionb" name="opcionb">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
</select>
<label for"opcionc">Opcion C</label>
<select id="opcionc" name="opcionc">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
</select>
</div>
</form>

Espero vuestra ayuda. Gracias.

[maycolalvarez]

asumo que tendrías que cambiar los CSS para lograr eso, usa !important si es necesario para evadir los CSS de JqueryMobile.

No conozco en profundidad las clases CSS de jQueryMobile, pero puedes usar la consola de FF o Chrome para editarlos en caliente, luego aplica tus propios CSS y prueba en el movil para asegurarte

[andresgarciadev]

no veo ningun problema de jquery .. solo uno de css... pero en cuestion bastaria con poner cada label y select dentro de un contenedor y a cada label darle un position absolute... despues solo acomodarlos en el lugar necesario con top left.......