Por que me pasa esto

ra120354 · #1 (**permalink**) 17/02/2012, 04:41

Hola vereis algunas veces cuando coloco un select, el botón "BUSCAR" sale desplazado con respecto al select, en diseño se ve bien pero al ejecutar la página el botón sale mas arriba o mas abajo del select, osea no sale alineado con el mismo, he probado metiendolo dentro de un div, dentro de una tabla, he modificado las medidas, le he puesto stylo, etc... y no hay manera de que salga alineado, como ya he dicho cuando estoy haciendo el diseño se ve bien es al ejecutar. ¿Existe alguna forma que yo desconozco para que eso no ocurra?, ¿Como solucionais esto?.
Trabajo con Dreamweaver CS5, pero me pasa igual aunque lo haga con el Block de notas, mi sistema operativo es el Windows XP actualizado hasta el día de hoy.

Gracias y un saludo.

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin título</title>
 
</head>
 
<body>
 
<form name="form1" method="GET" action="Hacercualquiercosa.php">
  <font color="#800000">Buscar:&nbsp;&nbsp;&nbsp;</font><input name="juan" type="text" size="20" style="border-width: 2px;  font-size:13pt; font-weight:bold;color: #800000;">
  
<font color="#800000">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Población: &nbsp;&nbsp;&nbsp;</font> 
    <select name="aviones" id="aviones">
        <option value="" selected>Todos los aviones</option>
        
    </select>
   
    </label>
    <input type="submit" name="cmdBuscar" id="cmdBuscar" value="BUSCAR">
 
</form>
</body>
</html>
]

caricatos · #2 (**permalink**) 17/02/2012, 05:40

Hola:

Si ese es el código que te genera DW, mi primer consejo es que no lo uses más porque pone código obsoleto como el tag font, y veo una etiqueta label cerrada que no veo por ningún lado la pareja abierta... y en vez de tantos   dejar los blancos con estilos...

Por lo demás, no debería haber mucho desajuste entre un select u un botón...

Por cierto, creo que es mejor poner el tema en el foro css.

Saludos

ra120354 · #3 (**permalink**) 17/02/2012, 13:09

La pareja de la etiqueta label cerrada es <select name="aviones" id="aviones">.
Lo del del (tag font) esta en el codigo que he puesto pero si se quita el problema sigue siendo el mismo.
Para que te hagas una idea he llegado a pensar que el problema estaba en mi propio ordenador.
¿Puedo sustituir el select por otra cosa?.
En Visual Basic existen complementos para formulario de otras empresas que se pueden implementar en el mismo, ¿en PHP tambien existen?.

Bueno un saludo y haber si lo puedo solucionar.

williamhpf · #4 (**permalink**) 17/02/2012, 14:48

Yo tampoco veo el label abierto, solo veo el cerrado, en fin.

Utiliza un div y css y empieza por limpiar el formulario.
Si no das con lo que falla, pon un div para cada campo y veras el error seguro, ponle border a los divs y veras que campo se te mueve y porque.
Es un formulario de 4 lineas...

Saludos

ra120354 · #5 (**permalink**) 17/02/2012, 17:01

Gracias a los dos y perdón caricatos por lo de la etiqueta <label>, porque la verdad es que yo tampoco la veo, se ve que cuando te conteste estaba en algún otro sitio o haciendo cualquier otra cosa menos en lo que deberia haber estado haciendo, así que mi respuesta no fue correcta, perdón.
De todas las formas ese no es problema, aunque temporalmente lo he solucionado poniendo cada cosa en un div distinto y ajustandolos en altura. Aunque eso lo hecho así quiero que sea temporal, porque no me parece muy correcta esta forma de hacerlo.

Williamhpf. He limpiado todo y he hecho lo que medices y esa es la forma como lo he solucionado pero no he encontrado el problema y quiero pediros un favor copiar y pegar el código que he puesto, le podeis quitar la etiqueta de cierre </label> y mirar si os sale el botón desplazado con respecto al select, a lo mejor es otro problema distinto y estoy dandole vueltas aqui.
un saludo y gracias a los dos.

caricatos · #6 (**permalink**) 17/02/2012, 18:08

Hola:

He probado el código en esta página: Probador de scripts... tú también puedes hacerlo, y aún sin borrar el label veo bien la página. La he probado con chrome, pero te toca a tí probarla en otros.

Saludos

ra120354 · #7 (**permalink**) 18/02/2012, 03:05

Gracias caricatos, lo he probado en el probador de scripts y funciona bien, pero en mi ordenador sigue saliendo mal.

Hay alguna manera de ponerte aqui una imagen pequeña que pesa muy poco sin que tenga que estar en una "url" porque he hecho una captura de lo que me pasa y la tengo en mi propio ordenador, de esa manera veriais a lo que me estoy refiriendo.
Te hago esta pregunta porque llevo poco tiempo en el foro y todavia no he puesto ninguna imagen.

Un saludo y gracias por vuestra paciencia.

caricatos · #8 (**permalink**) 18/02/2012, 04:08

Hola:

Sobre poner imágenes, recuerdo que había un tutorial por alguna parte (tal vez en ayuda general), pero simplificando el contenido, se hablaba de usar servicios gratuitos como imageshack (creo que se llama así).

Saludos

williamhpf · #9 (**permalink**) 18/02/2012, 08:04

A mi en explorer 9 y firefox me sale bien, llevas gafas??? jejejej