Distancia entre mód...
 
Avisos
Vaciar todo

Distancia entre módulos y problema de visualización en Internet Explorer 9

37 Respuestas
6 Usuarios
0 Reactions
7,048 Visitas
Rufino
Respuestas: 549
Honorable Member
Topic starter
 

Buenas noches.
Como puedo quitar la distancia entre modulos, que les marco en rojo.


 
Respondido : 10/02/2012 12:42 am
Pablo Velasco
Respuestas: 20382
Illustrious Member
 

Hola,

Prueba a cambiar el código:

#modlgn_passwd{
width:120px !important;
}
 
#modlgn_username{
width:120px !important;
}

por el siguiente:
#modlgn_passwd{
width:110px !important;
}

#modlgn_username{
width:110px !important;
}
Es decir, se hace la caja de usuario y contraseña 10 píxels más pequeña. Si todavía sale mal prueba a cambiar de 110px a 100px.


 
Respondido : 14/02/2012 11:12 am
Rufino
Respuestas: 549
Honorable Member
Topic starter
 

Se lo he cambiado pero no se mueve ni un milimetro.


 
Respondido : 14/02/2012 3:23 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

HOla Rufino

En lugar 110px en el passwd coloca 100px , esto reducirá el ancho de las cajas, si aún continua cambia por 90px;

Saludos.


 
Respondido : 14/02/2012 8:38 pm
Rufino
Respuestas: 549
Honorable Member
Topic starter
 

Pues he cambiado las medidas y lo mismo


 
Respondido : 15/02/2012 1:07 am
Pablo Velasco
Respuestas: 20382
Illustrious Member
 

Hola,

Además del código CSS que ya has añadido, prueba a añadir el siguiente:

.modlgn_passwd{
width: 100px !important;
}

 
Respondido : 15/02/2012 11:56 am
Rufino
Respuestas: 549
Honorable Member
Topic starter
 

Le he puesto a 100 pero no se cambia nada.


 
Respondido : 15/02/2012 2:00 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola Rufino

Ló último que te comentó Pablo es una clase (con punto delante en lugar de #) , no reemplaces, agrega esto al final del archivo :

.modlgn_passwd{
width: 100px !important;
}

Saludos.


 
Respondido : 15/02/2012 4:50 pm
Rufino
Respuestas: 549
Honorable Member
Topic starter
 

Pues poniendo un . parece que ha subido la caja, lo que pasa es que se desajusta la caja que les marco en rojo,


 
Respondido : 15/02/2012 5:40 pm
Jordi Sala
Respuestas: 12058
Illustrious Member Admin
 

Hola Rufino,

En el archivo tienda/templates/gk_yourshop/css/joomla.css

.mod_login span.modlgn_passwd, .mod_login span.modlgn_username {
    float: right;
    width: 70%;
}

cambia por

.mod_login span.modlgn_passwd, .mod_login span.modlgn_username {
    float: left;
    width: 70%;
}

Saludos


 
Respondido : 16/02/2012 10:59 am
Rufino
Respuestas: 549
Honorable Member
Topic starter
 

Con los ultimos cambios lo que hacen las cajas es desplazarse a la izda, pero sin alineación.
Azul ultimo cambio, Rojo como esta antes.


 
Respondido : 16/02/2012 11:47 am
Pablo Velasco
Respuestas: 20382
Illustrious Member
 

Hola,

Prueba a cambiar:

.mod_login span.modlgn_passwd, .mod_login span.modlgn_username {
    float: left;
    width: 70%;
}

por lo siguiente:

.mod_login span.modlgn_passwd, .mod_login span.modlgn_username {
    float: right;
    width: 110px;;
}

 
Respondido : 16/02/2012 12:04 pm
Rufino
Respuestas: 549
Honorable Member
Topic starter
 

No se si poner dos ;; has puesto 110px;;
Yo lo he puesto de las dos formas y se cambia todo. Se baja la caja del centro.


 
Respondido : 16/02/2012 12:46 pm
Rufino
Respuestas: 549
Honorable Member
Topic starter
 

puse mal la foto


 
Respondido : 16/02/2012 12:49 pm
Rufino
Respuestas: 549
Honorable Member
Topic starter
 

puse mal la foto


 
Respondido : 16/02/2012 12:49 pm
Jordi Sala
Respuestas: 12058
Illustrious Member Admin
 

Hola Rufino,

Creo que has equivocado al modificar, ya que si reviso con Firebug, veo las CSS:

.mod_login span.modlgn_passwd, .mod_login span.modlgn_username {
    width: 110px;
}

y no es un cambio que nosotros te hayamos indicado. Ya que le falta el float.

Saludos


 
Respondido : 16/02/2012 4:58 pm
Página 2 / 3