Ajuda para centralizar uma div

2 participantes

Ir para baixo

Tópico resolvido Ajuda para centralizar uma div

Mensagem por iKa 28.01.22 13:36

Detalhes da questão


Endereço do fórum: https://msirc.forumeiros.com
Versão do fórum: ModernBB

Descrição


Bom dia a todos!

Preciso de uma ajuda para centralizar uma div. Já coloquei uma div "pai" pra que ela centralizasse as demais que estão dentro dela. O código está abaixo com o style:

Código:

<div id="divid" class="box-subtle box-widget-bottom" name="recursos">
  <a href="https://youtube.com/cristianomellox"><div class="divini"><img src="https://lh6.googleusercontent.com/Ddj0rV_TOIOwSvXwK0oPDCo4ohSKShbYE0TEv9gQ5V6OyvJXRXaAz-VIXesJRiSBPwPZcXr6E3SHmLfgvwrZqr8=w1280" class="imgini"></img>
 </div></a>
 <a href="https://soundcloud.com/cristianomellox"><div id="divrig" class="divini"><img src="https://lh5.googleusercontent.com/NFUL0nhEEH9Mnm__JIIgtEZwO0m86Ybwr4Vo4hfFq7XxN1TTK-tSNCHcbFMAyyNDYyaK50DEZmIfvAW79_Lu1Ew=w1280" class="imgini"></img>
  </div></a>
 
  <a style="display: none;" href="#"><div style="display: none;" id="divrig" class="divini"><img src="https://lh5.googleusercontent.com/V2vVAGnZ0EWK1qE_sb7zAhyI5IwkkAdKVpsHPAb44hCl8Hv8FKFcpSa8ZJlrVMaTbYAUkhP1GdHPEyK0RpcUQfw=w1280" class="imgini"></img>
  </div></a>
 <a href="#"><div id="divrig" class="divini"><img src="https://lh5.googleusercontent.com/V2vVAGnZ0EWK1qE_sb7zAhyI5IwkkAdKVpsHPAb44hCl8Hv8FKFcpSa8ZJlrVMaTbYAUkhP1GdHPEyK0RpcUQfw=w1280" class="imgini"></img>
  </div></a>
    <a href="#"><div id="divrig" class="divini"><img src="https://lh3.googleusercontent.com/qyT1BlgTsO_SIkmbaJfovK2PlSHaef-cEKnwNmlqERSwAu9NkPHZLjMv4QIQJEBP6EfWN7FuOyuIwiSIv0l7aHU=w1280" class="imgini"></img>
      <div id="novocinema"></div>
  </div></a>

  <a href="https://twitter.com/cristianomellox"><div id="divrig" class="divini"><img src="https://lh5.googleusercontent.com/LAmpBqfHpiCNrFVSXF99G6aZmG5PDqhkqq9Tjv_0diveIBfQdG2ER9jNoAFejueij9qZXSAdIhwUnoyOJv6O9v8=w1280" class="imgini"></img>
      <div id="novocinema"></div>
  </div></a>
  <a href="https://www.instagram.com/cristianomellox"><div id="divrig" class="divini"><img src="https://lh6.googleusercontent.com/jW1A3zxRxoJrJyyUNRm3YfSZd9KShbI69CDTkJaVvp7sPsJIMVZ3qxZgro_5axYw5L90tmX1zeRQvaysWWXL200=w1280" class="imgini"></img>
      <div id="novocinema"></div>
  </div></a>
  <a href="https://tiktok.com/@cristianomellox"><div id="divrig" class="divini"><img src="https://lh4.googleusercontent.com/8pUDSaRn-4go9jUO78rwpfWqdK1Lm4K0RTmWGvMJ0JoEv9HDu6QBTpVucoDlXDNZ8oGaPwMQIXhYpIbD4A7hr50=w1280" class="imgini"></img>
      <div id="novocinema"></div>
  </div></a>

</div>
<style>
.imgini {
  width: 30px;
  height: 30px;
  }
  .divini {
  float: left;
  width: 40px;
  text-align: center;
  }
  .divini2 {
  float: right;
  width: 40px;
  text-align: center;
  }
  #divid {
  text-align: center! important;
  width: 99%;
}
  #divid0 {
  width: 99%! important;
  }
  </style>

iKa
iKa
**

Membro desde : 29/03/2021
Mensagens : 52
Pontos : 90

https://msirc.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajuda para centralizar uma div

Mensagem por Musashi 28.01.22 13:47

Bom dia @iKa! Tudo certo amigo?

Tópico movido


O tópico foi movido para o setor: Questões sobre a aparência do fórum.

Nota: É importante que procure escolher a área certa para a sua questão afim de manter a organização do fórum.
Para mais informações, leia o Regulamento do Fórum dos Fóruns

No mais, acredito que o seguinte código seja sua solução:

Código:
 
<div id="divid" class="box-subtle box-widget-bottom" name="recursos">
  <a href="https://youtube.com/cristianomellox"><div class="divini"><img src="https://lh6.googleusercontent.com/Ddj0rV_TOIOwSvXwK0oPDCo4ohSKShbYE0TEv9gQ5V6OyvJXRXaAz-VIXesJRiSBPwPZcXr6E3SHmLfgvwrZqr8=w1280" class="imgini"></img>
 </div></a>
 <a href="https://soundcloud.com/cristianomellox"><div id="divrig" class="divini"><img src="https://lh5.googleusercontent.com/NFUL0nhEEH9Mnm__JIIgtEZwO0m86Ybwr4Vo4hfFq7XxN1TTK-tSNCHcbFMAyyNDYyaK50DEZmIfvAW79_Lu1Ew=w1280" class="imgini"></img>
  </div></a>
 
  <a style="display: none;" href="#"><div style="display: none;" id="divrig" class="divini"><img src="https://lh5.googleusercontent.com/V2vVAGnZ0EWK1qE_sb7zAhyI5IwkkAdKVpsHPAb44hCl8Hv8FKFcpSa8ZJlrVMaTbYAUkhP1GdHPEyK0RpcUQfw=w1280" class="imgini"></img>
  </div></a>
 <a href="#"><div id="divrig" class="divini"><img src="https://lh5.googleusercontent.com/V2vVAGnZ0EWK1qE_sb7zAhyI5IwkkAdKVpsHPAb44hCl8Hv8FKFcpSa8ZJlrVMaTbYAUkhP1GdHPEyK0RpcUQfw=w1280" class="imgini"></img>
  </div></a>
    <a href="#"><div id="divrig" class="divini"><img src="https://lh3.googleusercontent.com/qyT1BlgTsO_SIkmbaJfovK2PlSHaef-cEKnwNmlqERSwAu9NkPHZLjMv4QIQJEBP6EfWN7FuOyuIwiSIv0l7aHU=w1280" class="imgini"></img>
      <div id="novocinema"></div>
  </div></a>
 
  <a href="https://twitter.com/cristianomellox"><div id="divrig" class="divini"><img src="https://lh5.googleusercontent.com/LAmpBqfHpiCNrFVSXF99G6aZmG5PDqhkqq9Tjv_0diveIBfQdG2ER9jNoAFejueij9qZXSAdIhwUnoyOJv6O9v8=w1280" class="imgini"></img>
      <div id="novocinema"></div>
  </div></a>
  <a href="https://www.instagram.com/cristianomellox"><div id="divrig" class="divini"><img src="https://lh6.googleusercontent.com/jW1A3zxRxoJrJyyUNRm3YfSZd9KShbI69CDTkJaVvp7sPsJIMVZ3qxZgro_5axYw5L90tmX1zeRQvaysWWXL200=w1280" class="imgini"></img>
      <div id="novocinema"></div>
  </div></a>
  <a href="https://tiktok.com/@cristianomellox"><div id="divrig" class="divini"><img src="https://lh4.googleusercontent.com/8pUDSaRn-4go9jUO78rwpfWqdK1Lm4K0RTmWGvMJ0JoEv9HDu6QBTpVucoDlXDNZ8oGaPwMQIXhYpIbD4A7hr50=w1280" class="imgini"></img>
      <div id="novocinema"></div>
  </div></a>
 
</div>
<style>
.imgini {
  width: 30px;
  height: 30px;
  }
  .divini {
  float: left;
  width: 40px;
  text-align: center;
  }
  .divini2 {
  float: right;
  width: 40px;
  text-align: center;
  }
  #divid {
    margin-left: auto;
    margin-right: auto;
    align-items: center;
    justify-content: center;
    display: flex;
}
  #divid0 {
  width: 99%! important;
  }
  </style>

(Aguardo respostas).
Atenciosamente,
Wusthy. Muito feliz
Musashi
Musashi
Membro

Membro desde : 17/02/2021
Mensagens : 588
Pontos : 762

https://luciothemes.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajuda para centralizar uma div

Mensagem por iKa 28.01.22 13:59

Wusthy escreveu:Bom dia @iKa! Tudo certo amigo?

Tópico movido


O tópico foi movido para o setor: Questões sobre a aparência do fórum.

Nota: É importante que procure escolher a área certa para a sua questão afim de manter a organização do fórum.
Para mais informações, leia o Regulamento do Fórum dos Fóruns

No mais, acredito que o seguinte código seja sua solução:

Código:
 
<div id="divid" class="box-subtle box-widget-bottom" name="recursos">
  <a href="https://youtube.com/cristianomellox"><div class="divini"><img src="https://lh6.googleusercontent.com/Ddj0rV_TOIOwSvXwK0oPDCo4ohSKShbYE0TEv9gQ5V6OyvJXRXaAz-VIXesJRiSBPwPZcXr6E3SHmLfgvwrZqr8=w1280" class="imgini"></img>
 </div></a>
 <a href="https://soundcloud.com/cristianomellox"><div id="divrig" class="divini"><img src="https://lh5.googleusercontent.com/NFUL0nhEEH9Mnm__JIIgtEZwO0m86Ybwr4Vo4hfFq7XxN1TTK-tSNCHcbFMAyyNDYyaK50DEZmIfvAW79_Lu1Ew=w1280" class="imgini"></img>
  </div></a>
 
  <a style="display: none;" href="#"><div style="display: none;" id="divrig" class="divini"><img src="https://lh5.googleusercontent.com/V2vVAGnZ0EWK1qE_sb7zAhyI5IwkkAdKVpsHPAb44hCl8Hv8FKFcpSa8ZJlrVMaTbYAUkhP1GdHPEyK0RpcUQfw=w1280" class="imgini"></img>
  </div></a>
 <a href="#"><div id="divrig" class="divini"><img src="https://lh5.googleusercontent.com/V2vVAGnZ0EWK1qE_sb7zAhyI5IwkkAdKVpsHPAb44hCl8Hv8FKFcpSa8ZJlrVMaTbYAUkhP1GdHPEyK0RpcUQfw=w1280" class="imgini"></img>
  </div></a>
    <a href="#"><div id="divrig" class="divini"><img src="https://lh3.googleusercontent.com/qyT1BlgTsO_SIkmbaJfovK2PlSHaef-cEKnwNmlqERSwAu9NkPHZLjMv4QIQJEBP6EfWN7FuOyuIwiSIv0l7aHU=w1280" class="imgini"></img>
      <div id="novocinema"></div>
  </div></a>
 
  <a href="https://twitter.com/cristianomellox"><div id="divrig" class="divini"><img src="https://lh5.googleusercontent.com/LAmpBqfHpiCNrFVSXF99G6aZmG5PDqhkqq9Tjv_0diveIBfQdG2ER9jNoAFejueij9qZXSAdIhwUnoyOJv6O9v8=w1280" class="imgini"></img>
      <div id="novocinema"></div>
  </div></a>
  <a href="https://www.instagram.com/cristianomellox"><div id="divrig" class="divini"><img src="https://lh6.googleusercontent.com/jW1A3zxRxoJrJyyUNRm3YfSZd9KShbI69CDTkJaVvp7sPsJIMVZ3qxZgro_5axYw5L90tmX1zeRQvaysWWXL200=w1280" class="imgini"></img>
      <div id="novocinema"></div>
  </div></a>
  <a href="https://tiktok.com/@cristianomellox"><div id="divrig" class="divini"><img src="https://lh4.googleusercontent.com/8pUDSaRn-4go9jUO78rwpfWqdK1Lm4K0RTmWGvMJ0JoEv9HDu6QBTpVucoDlXDNZ8oGaPwMQIXhYpIbD4A7hr50=w1280" class="imgini"></img>
      <div id="novocinema"></div>
  </div></a>
 
</div>
<style>
.imgini {
  width: 30px;
  height: 30px;
  }
  .divini {
  float: left;
  width: 40px;
  text-align: center;
  }
  .divini2 {
  float: right;
  width: 40px;
  text-align: center;
  }
  #divid {
    margin-left: auto;
    margin-right: auto;
    align-items: center;
    justify-content: center;
    display: flex;
}
  #divid0 {
  width: 99%! important;
  }
  </style>

(Aguardo respostas).
Atenciosamente,
Wusthy. Muito feliz

Perfeito amigo! Obrigado e desculpa pelo erro. Abraço!
iKa
iKa
**

Membro desde : 29/03/2021
Mensagens : 52
Pontos : 90

https://msirc.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajuda para centralizar uma div

Mensagem por Musashi 28.01.22 14:02

Tópico resolvido


Movido para "Questões resolvidas".
Musashi
Musashi
Membro

Membro desde : 17/02/2021
Mensagens : 588
Pontos : 762

https://luciothemes.forumeiros.com/

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos