GUJ Discussões   :   últimos tópicos   |   categorias   |   GUJ Respostas

Como deixar uma imagem em uma posição fixa

html
css
Tags: #<Tag:0x00007fda0945abb0> #<Tag:0x00007fda0945a7a0>

#1

Boa noite,
Eu estou com um problema.
Eu estou tentando deixar uma imagem centralizada no nav da página independente da resolução da página, mas eu não consigo. Já tentei utilizar %, o “em” e mesmo assim ele continua se movendo.

<a class="navbar-brand" style="padding: 0.7em 1em 0em 45em; !important;><img src="assets/images/logo.png" style="height: 2em !important;" alt=""></a>

Agradeço desde já.


#2

Ave Maria kkk, no caso, você tem que mudar o atributo position dele para relative, assim ele não se guiara pela página, por default ele vem como static.

position:static, relative, absolute e fixed.

Se quiser que ele fique realmente fixo, independente da barra de rolagem é só usar o fixed.

https://www.w3schools.com/cssref/playit.asp?filename=playcss_position&preval=relative


#3

Boa noite jovem!
Você pode resolver esse probleminha utilizando uma div principal na qual engloba todos os conteúdos. Ex:

<div id="container">
conteúdo aqui
</div>

No css você aplica um width padrão de 968px auto para centralizar seu site. Assim quando você centralizar a imagem dentro da div container ela ficará centralizada independente da resolução.


#4

O problema da resolução foi arrumado, mas agora sempre que eu aumento/diminuo o zoom na página a imagem continua se movendo, alguém sabe se tem como deixar ela fixada em um ponto? Sem ela sofrer alterações no posicionamento, mesmo quando tem uma mudança no zoom?