Tengo problemas para colocar este botón muy bien

Lo he estado haciendo durante 1.5 horas y no puedo encontrar la forma de hacerlo de la manera que quiero. Soy algo nuevo con todo lo relacionado con la web, y me lleva tanto tiempo (¿quizás más?) Tratar de llevar las cosas a donde quiero y hacerlo de una manera elegante.

De todos modos, tengo dos cuadros de texto, con dos tags encima de ellos y centrados sobre la caja. Simplemente quiero poner un botón entre ellos centrado en la altura de los cuadros de texto.

Esto es lo más cercano que puedo hacer para llegar a lo que quiero. Me gustaría que el cuadro de texto de la izquierda se moviera para alinearlo con las palabras “Saltar a:”, “Cliente:” y “Número de cliente:” y luego tener el cuadro de la derecha a la misma distancia a la derecha con el botón Siguiente tal vez solo 10px más alto pero aún centrado como está. El problema con esta imagen es que solo funciona cuando los cuadros de texto se muestran y expanden, si están ocultos, entonces el panel en realidad se representa a la mitad del número de Cliente debido a cómo Manipulé los márgenes que supongo.

http://img192.imageshack.us/img192/259/controls.jpg http://img192.imageshack.us/img192/259/controls.jpg

Aquí está mi bash con

s

 
<%--
--%>

Y aquí está mi bash con los elementos de la tabla

  

Todos esos

intentaron poner espacios entre el botón y los cuadros de texto porque no pude obtener flotante ni margen para trabajar. ¡Cualquier ayuda sería muy apreciada!

Y aquí está la fuente completa de la página:

  
Jump To:
Customer:
Customer #:
<%--
--%>

Parece que esto es más una pregunta CSS y HTML que una pregunta ASP.Net.

Para ser claros, centrar las cosas verticalmente en sus padres con CSS no es fácil, el truco es:

  • El elemento padre debe tener una posición: relativa o absoluta.
  • El niño debe estar envuelto en un div o algo posicionable.
  • El niño debe tener la parte superior: 50%
  • El niño debe declarar una altura.
  • el niño debe tener un margen superior = es alto / 2 * -1. (básicamente lo mueves a la mitad de su altura).

Prueba esto:

  

Label 1

Label 2

EDITAR: Después de ver su pregunta revisada, he revisado mi respuesta para centrar el botón solo en el área de texto verticalmente .

Tienes que hacer algunos trucos estúpidos de CSS con el margen superior, pero hace el trabajo. También note el contenedor div. Esto es para asegurarse de que si coloca algo “arriba” de este fragmento en su marcado, las tags no lo superpongan.

si no he entendido mal, no es tan difícil. mira si el siguiente código representa el diseño que dice tu imagen.

 
Label   Label

Me quedaría con algo simple como esta tabla … luego agregar relleno según sea necesario.

 
label a label b

no me malinterpretes, también puedes elegir la ruta CSS pura … pero si tu diseño se vuelve mucho más complejo y necesitas mantener una estructura bastante rígida de “cuadrícula” … las tablas te ayudan.