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á.
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
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.
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?