Ver Mensaje Individual
  #1 (permalink)  
Antiguo 31/01/2014, 05:02
Avatar de guardarmicorreo
guardarmicorreo
 
Fecha de Ingreso: noviembre-2012
Ubicación: Córdoba
Mensajes: 1.153
Antigüedad: 12 años
Puntos: 84
¿Cómo disponer varios elementos en horizontal dentro de un div?

Intento y no lo consigo disponer varios elementos input y label en horizontal dentro de un div, que de momento tiene background de color rojo.

Esta es la imagen de lo que sucede



Esto es lo que tengo en el HTML

Código HTML:
Ver original
  1. <div id="questions" class="content_panel">
  2.         <p class="title">Preguntas</p>
  3.         <p class="note">Todas las respuestas de usuarios asociadas a una pregunta serán borradas junto con la pregunta borrada</p>
  4.         <div class="set_send_data">
  5.             <form method="post" action="<?php echo $_SERVER['REQUEST_URI']; ?>">
  6.                 <!-- campo para introducir el texto de la pregunta -->
  7.                 <label for="setquestion">Introduce pregunta</label>
  8.                 <input type="text" name="setquestion" id="setquestion">
  9.                 <label for="id_typequestion">Tipo de pregunta</label>
  10.                 <select name="id_typequestion" id="id_typequestion">
  11.                 </select>
  12.                 <input type="submit" name="sendquestion" value="Enviar">
  13.             </form>
  14.         </div>

Y esto es lo que tengo en el CSS

Código CSS:
Ver original
  1. /*los input que estan justo por encima del paginador*/
  2.  
  3. .set_send_data{
  4.     height:5%;
  5.     width:100%;
  6.    
  7.     margin-bottom:1%;
  8.    
  9.     float:left;
  10.    
  11.     background-color:red;/*#999999;*/
  12. }
  13.  
  14. /*los label*/
  15. label{
  16.     margin-left:auto;
  17.     margin-right:auto;
  18. }
  19.  
  20. /*define el estilo de los input*/
  21.  
  22. input, select{
  23.    
  24.     /*position:relative;*/
  25.    
  26.     max-height:100%;
  27.     width:200px;
  28.    
  29.     margin:auto;
  30.    
  31.     float:auto;
  32.    
  33.     padding:1%;
  34.    
  35.     border:solid #999999 1px;
  36.     border-radius:15px;
  37.     background-color:#D2D2D2;
  38. }
  39.  
  40. input[type=submit]{
  41.     line-height:50%;
  42.    
  43.     float:auto;
  44. }
  45.  
  46.  
  47. input:hover{
  48.     border:solid hsl(210, 100%, 55%) 1px;
  49. }
  50.  
  51. select:hover{
  52.     border:solid hsl(210, 100%, 55%) 1px;
  53. }

Por más que lo intento no consigo que los elementos se dispongan en horizontal, parece que hubiera un elemento que envía los elementos fuera del div de color rojo, pero ese elemento que puede interrumpir la disposición no existe, simplemente los elementos hacen ese efecto y no entiendo por qué ni cómo solucionarlo.

¿Alguien podría ayudarme a entenderlo y a solucionarlo?
__________________
Ayúdame a hacerlo por mi mismo.