0 votos

Maquetar CSS

Tengo el siguiente código https://jsfiddle.net/k6baLkuy/ Como podéis ver los botones 1, 2 ,3 aparecen inicialmente con fondo blanco y se van activando al pulsar los enlaces superiores sucesivamente, cambiándose también el texto bajo los botones. Cuando el texto cambia produce el dezplazamiendo de los botones desde su posición inicial, lo que quiero es que permanezcan en su sitio al ser activados.

Captura inicial:

enter image description here

Captura pulsado enlace: "Enviar 1":

enter image description here

Captura pulsado enlace: "Enviar 3":

enter image description here

0voto

Ivan Muñoz Puntos1120

Se mueven para adaptarse al tamaño del texto. Para que esto no suceda debes darle un ancho fijo al contenedor de cada boton, agrega el siguiente css y queda perfecto

.stepwizard-step {
    width: 32%;
}

0 votos

Ok funciona. Muchas gracias.

Iteramos.com

Iteramos es una comunidad de desarrolladores que busca expandir el conocimiento de la programación mas allá del inglés.
Tenemos una gran cantidad de contenido, y también puedes hacer tus propias preguntas o resolver las de los demás.

Powered by: