Foros del Web » Creando para Internet » CSS »

problemas con espacios en CSS

Estas en el tema de problemas con espacios en CSS en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 28/06/2011, 21:07
 
Fecha de Ingreso: marzo-2009
Ubicación: Salamanca, España
Mensajes: 141
Antigüedad: 8 años
Puntos: 4
problemas con espacios en CSS

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-size12px;
    
color#FF0000;
    
margin-left120px;
    
position:relative;
    
left270px;
    
top30px;

Código PHP:
#wwerr_login_password .errorMessage{
    
    
font-size12px;
    
color#FF0000;
    
margin-left120px;
    
position:relative;
    
left270px;
    
top35px;
        
    } 
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???
  #2 (permalink)  
Antiguo 30/06/2011, 05:21
 
Fecha de Ingreso: noviembre-2009
Mensajes: 41
Antigüedad: 7 años, 3 meses
Puntos: 10
Respuesta: problemas con espacios en CSS

Pon el error con position absolute, y ajustas la posición con el margin-left y margin-top, para que se coloque donde quieres.
  #3 (permalink)  
Antiguo 30/06/2011, 05:29
Avatar de Eiwazh  
Fecha de Ingreso: mayo-2005
Mensajes: 26
Antigüedad: 11 años, 10 meses
Puntos: 1
Respuesta: problemas con espacios en CSS

margin-left: 120px;
position:relative;
left: 270px

Creo que el error esta aquí, estas añadiendo 120px de margen y desplazando el contenido otros 270px, comprueba usando como ha dicho "rege" usar position absolute, o corrige jugando entre el margen y la posición.

Etiquetas: espacios
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 23:29.