Distancia entre mód...
Avisos
Vaciar todo

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

Página 2 / 3
 
Rufino
 Rufino
Honorable Member

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

Citar
Respondido : 10/02/2012 12:42 am
Pablo Velasco
 Pablo Velasco
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.

ResponderCitar
Respondido : 14/02/2012 11:12 am

wpdoctor-revisa-la-salud-de-tu-wordpress

Rufino
 Rufino
Honorable Member

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

ResponderCitar
Respondido : 14/02/2012 3:23 pm
Jhon
 Jhon
Soporte CMS Webempresa 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.

ResponderCitar
Respondido : 14/02/2012 8:38 pm

Cursos Gratuitos WordPress

Rufino
 Rufino
Honorable Member

Pues he cambiado las medidas y lo mismo

ResponderCitar
Respondido : 15/02/2012 1:07 am
Pablo Velasco
 Pablo Velasco
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;
}
ResponderCitar
Respondido : 15/02/2012 11:56 am

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Rufino
 Rufino
Honorable Member

Le he puesto a 100 pero no se cambia nada.

ResponderCitar
Respondido : 15/02/2012 2:00 pm
Jhon
 Jhon
Soporte CMS Webempresa 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.

ResponderCitar
Respondido : 15/02/2012 4:50 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Rufino
 Rufino
Honorable Member

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

ResponderCitar
Respondido : 15/02/2012 5:40 pm
Jordi Sala
 Jordi Sala
Miembro 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

ResponderCitar
Respondido : 16/02/2012 10:59 am

Rufino
 Rufino
Honorable Member

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.

ResponderCitar
Respondido : 16/02/2012 11:47 am
Pablo Velasco
 Pablo Velasco
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;;
}
ResponderCitar
Respondido : 16/02/2012 12:04 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Rufino
 Rufino
Honorable Member

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.

ResponderCitar
Respondido : 16/02/2012 12:46 pm
Rufino
 Rufino
Honorable Member

puse mal la foto

ResponderCitar
Respondido : 16/02/2012 12:49 pm

Cursos Gratuitos WordPress

Rufino
 Rufino
Honorable Member

puse mal la foto

ResponderCitar
Respondido : 16/02/2012 12:49 pm
Jordi Sala
 Jordi Sala
Miembro 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

ResponderCitar
Respondido : 16/02/2012 4:58 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Página 2 / 3