HTML - Peroblema con formulario para alinear combo box en una misma linea

   
Vista:

Peroblema con formulario para alinear combo box en una misma linea

Publicado por juan saldalab@hotmail.com (1 intervención) el 25/07/2014 18:02:30
Estimados buenos dias tengo un problema con mi formulario estoy haciendo una pagina para enviar curriculum vitae desde la web utilizo cajas de texto y combo box resulta que los combo box se alinean uno debajo del otro quisera saber como podria alinearlo todo hacia la izquierda les dejo mi codigo.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>GRUPO DE RESGUARDO Y PROTECCION-Bolsa de Trabajo GRYP</title>
<meta name="Keywords" content="SEGURIDAD CONCIERTO,SEGURIDAD INTEGRAL,ESTUDIO DE SEGURIDAD,SEGURIDAD EMPRESARIAL,HUACHIMAN,AGENCIA DE SEGURIDAD,AGENCIAS DE SEGURIDAD,AGENCIA DE VIGILANCIA,AGENCIAS DE VIGILANCIA,AGENTE DE SEGURIDAD,AGENTES DE SEGURIDAD,COMPAÑIA DE SEGURIDAD,COMPAÑIAS DE SEGURIDAD,COMPAÑIA DE VIGILANCIA,COMPAÑIAS DE VIGILANCIA,EMPRESA DE SEGURIDAD,EMPRESAS DE SEGURIDAD
EMPRESA DE SEGURIDAD Y VIGILANCIA,EMPRESAS DE SEGURIDAD Y VIGILANCIA,GUARDIA,GUARDIAS,GUARDIA DE SEGURIDAD,GUARDIAS DE SEGURIDAD,GUARDIANIA,GUARDIANIAS,PERSONAL DE SEGURIDAD,PERSONAL DE SEGURIDAD,PERSONAL DE VIGILANCIA,PERSONAL DE VIGILANCIA,RESGUARDO,RESGUARDOS,SEGURIDAD,SEGURIDAD,SEGURIDAD EN GENERAL,SEGURIDAD EN GENERAL,SEGURIDAD Y VIGILANCIA DE EMPRESA,SEGURIDAD Y VIGILANCIA DE EMPRESAS,SEGURIDAD Y VIGILANCIA EMPRESA,SEGURIDAD Y VIGILANCIAS EMPRESAS,SEGURIDAD Y VIGILANCIA: EMPRESA	SEGURIDAD Y VIGILANCIA: EMPRESAS,SEGURIDAD EMPRESA,SEGURIDAD EMPRESAS,SERVICIO DE SEGURIDAD,SERVICIOS DE SEGURIDAD
SERVICIO DE SEGURIDAD Y VIGILANCIA.SERVICIOS DE SEGURIDAD Y VIGILANCIA,SERVICIO DE VIGILANCIA,SERVICIOS DE VIGILANCIA,VIGILANCIA A EMPRESA,VIGILANCIA A EMPRESAS,VIGILANCIA EN GENERAL,VIGILANCIA EN GENERAL,VIGILANTE,VIGILANTES,HUACHIMAN,HUACHIMANES,GUACHIMAN,GUACHIMANES,WATCHMAN,CAMARA DE SEGURIDAD,CAMARAS DE SEGURIDAD,EMPLEO SEGURIDAD,EMPLEOS SEGURIDAD,VALORES,TRANSPORTE DE VALORES,CONTAINER,CONTAINERS,TRABAJO">
<link href="css/estilos.css" rel="stylesheet" type="text/css">
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">
</head>
<body>
<div id="contenedor">
	<header id="cabecera">
    </header>
</div>
    <!-- Fin header -->
    <nav id="menu">
    <div id="caja2">
   	  <ul id="MenuBar1" class="MenuBarHorizontal">
    	  <li><a href="index.html" class="opcionesup">Inicio</a></li>
    	  <li><a href="#" class="opcionesup">Nosotros</a>
    	    <ul>
              <li><a href="mision-gryp.html">Nuestra Misi&oacute;n</a></li>
              <li><a href="vision-gryp.html">Nuestra Visi&oacute;n</a></li>
              <li><a href="valores-gryp.html">Nuestros Valores</a></li>
              <li><a href="ubicanos-en-google-map.html">Ubicanos en Google Map</a></li>
              <li><a href="seguridad-gryp.html" class="bordemenu"></a></li>
    	    </ul>
    	  </li>
    	  <li><a class="opcionesup" href="#">Servicios</a>
    	    <ul>
    	      <li><a href="seguridad-gryp.html">Servicios de Vigilancia Privada</a></li>
    	      <li><a href="custodia-gryp.html">Servicio de Resguardo</a></li>
              <li><a href="auditoria-gryp.html">Auditoria en Seguridad</a></li>
              <li><a href="camaras-gryp.html">Vigilancia por Internet</a></li>
              <li><a href="resguardocontainer-gryp.html">Resguardo de Mercaderia de Valor</a></li>
              <li><a href="#" class="bordemenu"></a></li>
    	    </ul>
  	    </li>
          <li><a href="consejos-gryp.html" class="opcionesup">Consejos</a></li>
          <li><a href="#" class="opcionesup">Canales</a>
            <ul>
              <li><a href="#">Canal Youtube</a></li>
              <li><a href="#">Canal Facebook</a></li>
              <li><a href="#" class="bordemenu"></a></li>
            </ul>
          </li>
          <li><a href="contactenos.html" class="opcionesup">Contactenos</a></li>
   	  </ul>
      </div>
  </nav>
    <!-- Fin menu -->
    <div id="fondo-blanco">
        <h1 class="titulos-internos">BOLSA DE TRABAJO GRYP</h1>
        <figure id="img-izquierdo"> <img src="imagenes1/imagen-resena-historica.jpg" width="369" height="396" class="bordeimagen">
          <p class="comentarios">Cuando más tiempo pases en el trabajo, mas te darás cuenta de lo afortunado que eres por ser parte de este</p>
        </figure>
        <!-- fin img izquierdo -->
        <div id="col-derechagryptrabajo">
        <p>Bienvenido a la bolsa de trabajo GRYP rellena los datos lo mas exacto posible.</p>
        <form action="envio-datos.php" method="post" name="contacto" id="contacto" class="camposgryptrabajo">
          <p><label><strong>Nombres y Apellidos (*)</strong></label></p>
          	  <p>
              <input name="nombres" type="text" id="nombres" size="60">
              </p>
    <p><strong>Dirección </strong></p>
            <p>
              <input type="text" name="direccion" id="direccion" size="60">
            </p>
            <p><strong>Distrito </strong></p>
            <p>
              <input type="text" name="distrito" id="distrito" size="60">
            </p>
            <p><strong>Teléfono </strong></p>
            <p>
              <input type="text" name="telefono" id="telefono" size="60">
            </p>
            <p><strong>Celular </strong></p>
            <p>
              <input type="text" name="celular" id="celular"  size="60">
            </p>
        <p><strong>Email (*)</strong></p>
            <p>
              <input type="email" name="email" id="email" size="60">
            </p>
            <p><strong>Grado de Instruccion </strong></p>
            <p>
              <option value=""></option><select name="grado" id="grado"> <option selected>Primaria</option><option>Secundaria</option>
              </select>
            </p>
 
          <p><strong>Experiencia Laboral</strong></p>
            <p><strong>Empresa</strong></p>
            <p>
              <input type="text" name="empresa" id="empresa" size="60">
            </p>
            <p><strong>Puesto</strong></p>
            <p>
              <input type="text" name="puesto" id="puesto" size="60">
            </p>
            <p><strong>Motivo del cese laboral</strong></p>
            <input type="text" name="cese" id="cese" size="60" >
          <p><label><strong>Fecha Inicio : </strong></label></p>
         <label><strong>Dia</strong></label></option><select name="selecciondia" id="selecciondia" >
           <option>Dia</option>
           <option>01</option>
<option>02</option><option>03</option><option>04</option><option>05</option><option>06</option><option>               07</option><option>08</option><option>09</option><option>10</option><option>11</option><option>12</option><option>13</option><option               >14</option><option>15</option><option>16</option><option>17</option><option>18</option><option>19</option><option>20</option><option               >21</option><option>22</option><option>23</option><option>24</option><option>25</option><option>26</option><option>27</option><option               >28</option><option>29</option><option>30</option><option>31</option></select>
<p>
<label><strong> Mes</strong></label><option value=""></option><select name="seleccionmes" id="seleccionmes">
              <option selected>Mes</option>
              <option>Enero</option>
              <option>Febrero</option>
              <option>Marzo</option>
              <option>Abril</option>
              <option>Mayo</option>
              <option>Junio</option>
              <option>Julio</option>
              <option>Agosto</option>
              <option>Septiembre</option>
              <option>Octubre</option>
              <option>Noviembre</option>
              <option>Diciembre</option>
        </select>
        </p>
        <p>
           <label><strong>Año</strong></label><option value=""></option><select name="seleccionano" id="seleccionano" >
<option selected>Año</option>
<option>2014</option>
<option>2013</option>
<option>2012</option>
              <option>2011</option>
              <option>2010</option>
              <option>2009</option>
              <option>2008</option>
              <option>2007</option>
              <option>2006</option>
              <option>2005</option>
              <option>2004</option>
              <option>2003</option>
              <option>2002</option>
              <option>2001</option>
              <option>2000</option>
              <option>1999</option>
              <option>1998</option>
              <option>1997</option>
              <option>1996</option>
              <option>1995</option>
              <option>1994</option>
              <option>1993</option>
              <option>1992</option>
              <option>1991</option>
              <option>1990</option>
            </select>
            </p>
        </p>
        <p><label><strong>Fecha Cese : </strong></label></p>
         <label><strong>Dia</strong></label></option><select name="selecciondia" id="selecciondia" >
           <option selected>Dia</option>
           <option>01</option>
           <option>02</option><option>03</option><option>04</option><option>05</option><option>06</option><option>               07</option><option>08</option><option>09</option><option>10</option><option>11</option><option>12</option><option>13</option><option               >14</option><option>15</option><option>16</option><option>17</option><option>18</option><option>19</option><option>20</option><option               >21</option><option>22</option><option>23</option><option>24</option><option>25</option><option>26</option><option>27</option><option               >28</option><option>29</option><option>30</option><option>31</option></select>
            <label><strong> Mes</strong></label><option value=""></option><select name="seleccionmes" id="seleccionmes">
              <option selected>Mes</option>
              <option>Enero</option>
              <option>Febrero</option>
              <option>Marzo</option>
              <option>Abril</option>
              <option>Mayo</option>
              <option>Junio</option>
              <option>Julio</option>
              <option>Agosto</option>
              <option>Septiembre</option>
              <option>Octubre</option>
              <option>Noviembre</option>
              <option>Diciembre</option>
            </select>
            <strong>Año</strong><option value=""></option><select name="seleccionano" id="seleccionano">
              <option selected>Año</option>
              <option>2014</option>
              <option>2013</option>
              <option>2012</option>
              <option>2011</option>
              <option>2010</option>
              <option>2009</option>
              <option>2008</option>
              <option>2007</option>
              <option>2006</option>
              <option>2005</option>
              <option>2004</option>
              <option>2003</option>
              <option>2002</option>
              <option>2001</option>
              <option>2000</option>
              <option>1999</option>
              <option>1998</option>
              <option>1997</option>
              <option>1996</option>
              <option>1995</option>
              <option>1994</option>
              <option>1993</option>
              <option>1992</option>
              <option>1991</option>
              <option>1990</option>
            </select>
</p>
<p>
<p>
        <input type="submit" name="boton1" id="boton1" value="Enviar Curriculum" class="boton-enviar">
</p>
            <p>NOTA: Todos los campos que posean (*) son considerados obligatorios por lo tanto antes de enviar el comentario deberán estar llenos.</p>
          </form>
      </div>
        <div style="clear:both"></div>
        <a href="#" class="volverarriba">Volver Arriba</a> </div>
    <section id="cuerpo">
    	<article id="noticias">
        	<h1>La Noticia de Hoy</h1>
            <p>GRUPO DE RESGUARDO Y PROTECCION hoy en día una empresa consolidada y reconocida en el sector, no sólo por su seriedad y su crecimiento progresivo, sino también por superar los más estrictos controles de calidad.</p>
        </article>
 
        <article id="proyectos">
        	<h1 class="tituloflecha">¿Que Ofrecemos?</h1>
            <p class="parrafosangria">La calidad, el servicio y la atención personalizada es lo que nos diferencia, y a su vez  lo que  nos impulsa para seguir mejorando.
Grupo de Resguardo y Protección S.A.C.  evalúa las necesidades de sus clientes y traza una estrategia  de acuerdo con ellas, asignando los recursos, personal y medios necesarios para que desarrollen su tarea con la mayor eficacia.
Escuchamos permanentemente a quienes confían en nosotros y nos comprometemos con su filosofía de trabajo, considerando siempre que el centro de toda relación comercial es el cliente.</p>
			<p class="parrafosangria">Grupo de Resguardo y Protección S.A.C.  cuenta con un Centro de Control 24 horas los 365 días del año, atendido por personal altamente calificado, ofreciendo así un servicio directo y permanente a todos nuestros clientes, tanto a nivel operativo como comercial.</p>
        </article>
    <div style="clear:both"></div>
    </section>
    <!-- Fin cuerpo -->
    <footer id="piepagina">
    <p>©Copyright Juan Carlos Saldaña Ruadeneyra, Todos los derechos reservados, prohibida la reproducción parcial o total de la web grupo de resguardo y proteccion es una marca registrada y patentada en indecopi</p>
    <p>Calle Hefestos 499-Urb Olimpo-Ate-Lima Perú / Teléfono : 4374526--954180102-51*117*366 / Email : informes@gryp.com.pe</p>
</footer>
    <!-- Fin piepagina -->
    </div>
    <footer>    </footer>
    <!-- Fin piepagina -->
</div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de xve

Peroblema con formulario para alinear combo box en una misma linea

Publicado por xve (1178 intervenciones) el 25/07/2014 22:03:09
Hola Juan, he revisado tu código, y el problema que te haga el salto de linea, son unos <option> que tienes mal puestos.

No deberia de haber ningun <option> fuera de un <select>

En esta linea te sobra la parte que esta en negrita... si la quitas, veras como se alinea al lada del texto:
1
<label><strong> Mes</strong></label><option value=""></option><select name="seleccionmes" id="seleccionmes">

Coméntanos, ok?
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar