Question

Hola, estoy diseñando unos botones y tengo un problemita, ¿como hago para que cuando pulse un botón, no se desplace los otros botones?

Podeis ver el codigo y el funcionamiento en codepen:

http://codepen.io/bichomen/pen/kkZxyw

Saludos!!

Answer 1

Hola @bichomen,

tu problema está en la definición de estilos de :active, en la línea que dice:

border: 1px solid #BDBDBD;

Cómo el botón no tiene borde, al darle uno cuando está activo, se desplazan los demás ya que ahora el botón será 2px más alto (1px por el borde superior y 1px por el borde inferior)

Podés solucionarlo agregando al botón un borde, por ejemplo transparente, para que cuando esté activo solo se le cambie el color, pero el borde ya exista:

border: 1px solid transparent;

Te dejo un enlace al código.

Saludos cordiales!