Colocar imagen en parte superior de la web

Hola,

Hacer esto y que te quede bien puede ser bastante complicado.

Una posibilidad sería agregar la imagen desde los estilos CSS en forma de fondo. Sería algo como lo siguiente:

div#header_right {
background-image: url("ruta-y-nombre-imagen.png");
background-repeat: no-repeat;
}

Hola Pablo,

¿En qué archivo css ubico el texto que me has facilitado?

Gracias por tu respuesta, Saludos

Hola,

Serviría cualquier archivo css que se cargue con la página. Por ejemplo puedes utilizar el archivo themes/leoconv/css/global.css y poner el código al final del todo.

Si, por ejemplo, creas una imagen de fondo con el nombre fondo.png súbela en la ruta themes/leoconv/img y pon el siguiente código:

div#header_right {
background-image: url("../img/fondo.png");
background-repeat: no-repeat;
}

Hola Pablo ya he puesto el código y queda superpuesto con otros elementos .

¿Cómo se podría poner más a la derecha?

Gracias

Hola,

Prueba a modificar el mismo código de la siguiente manera:

div#header_right {
background-image: url("../img/fondo.png");
background-position: right center;
background-repeat: no-repeat;
}

Saludos.

Hola Jhon, colocando ese código queda demasiado a la derecha tapando el elemento del lenguaje, como se podría desplazar un poco más a la izquierda?

Adjunto captura

Gracias

Hola,

Prueba a sustituir el código anterior por este:

div#header_right {
background-image: url("../img/fondo.png");
background-position: 450px center;
background-repeat: no-repeat;
}

Perfecto Pablo, Gracias