Arquivo Discussoes de Programacao e Tecnologia 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?