Como inserir imagens fixas no header para mudar idiomas

Hola compañeros.

Estoy intentado insertar un codigo con dos imagenes para cambiar de idioma. Se tratan de dos banderitas que segun pulse te lleve a una pagina o a otra. Las quiero meter en la parte superior (header) y he creado este codigo:


<a href="http://www.midominio.com/ES" target="" style="left: 1700px; position: fixed; top: 20px;"><img src="http://www.midominio.com/img/idioma-espanol.jpg" alt=""></a>

Pero con este codigo cuando bajo haciendo scroll la imagen hace tambien scroll hacia abajo acompañando al movimiento. Mientras que lo que busco es que quede fija en la parte superior.

¿Podeis decirme que debo cambiar exactamente?

Estas utilizando position: fixed; esto hace que el objeto digamos persiga la pantalla, prueba con position: absolute; para ver si puedes lograr tu cometido. :encouragement:

macopi disse:

Estas utilizando position: fixed; esto hace que el objeto digamos persiga la pantalla, prueba con position: absolute; para ver si puedes lograr tu cometido. :encouragement:

Clique para expandir...

Gracias compañero. El problema es que poniendo absolute directamente no me muestra las imagenes. :ambivalence:

He de decir que la estoy intentando meter en el header de un theme wordpress

Bueno, tienes que ver como esta compuesto el CSS.

Puedes intentar añadirle: z-index: 99999999999px e intentar hacer otras cosas. :encouragement:

En verdad todo depende de tu css...