Wenas Foreros! Os cuento mi problemilla. Estoy haciendo una aplicacion JEE con el framework Struts 2, basicamente este framework tiene sus propios tags, de tal manera que cuando es ejecutado por el servidor esos tags "propios" los convierte a HTML, generando automaticamente, div, span...........
El caso es que yo tengo mi pagina login tal y como se muestra en la siguiente imagen:
http://imageshack.us/photo/my-images/825/logini.jpg/
Cuando los datos son mal introducen saltan las propias validaciones del framework, mostrandose de la siguiente manera:
http://imageshack.us/photo/my-images...idaciones.jpg/
Como se puede observar, al insertarse estas validaciones, el formulario se desplaza hacia abajo, descolocando el resto de texto de la pagina. Tras consultar el codigo fuente en el navegador (con y sin mensaje de validacion) ( para ver como genera el framework el html) me encuentro con esta diferencia:
Código PHP:
<div id="wwerr_login" class="wwerr"> <div errorFor="login" class="errorMessage">
Debe ingresar su nombre
</div></div>
y para el otro campo:
Código PHP:
<div id="wwerr_login_password" class="wwerr"> <div errorFor="login_password" class="errorMessage">
Debe ingresar su contraseña
</div></div>
Por lo tanto y modificando esas clases;
Código PHP:
#wwerr_login .errorMessage{
font-size: 12px;
color: #FF0000;
margin-left: 120px;
position:relative;
left: 270px;
top: 30px;
}
Código PHP:
#wwerr_login_password .errorMessage{
font-size: 12px;
color: #FF0000;
margin-left: 120px;
position:relative;
left: 270px;
top: 35px;
}
De esta manera consigo que los mensajes de texto de las validaciones se muestren donde yo quiero, la siguiente imagen muestra la situacion:
http://imageshack.us/photo/my-images...lidacion2.jpg/
Sin embargo, aunque el texto de la validación lo he movido de sitio, el hueco sigue quedando entre los campos del formulario, desplazando mi boton submit y el texto de pie de la imagen central.
Como puedo eliminar esos espacios???