×
Ir ao conteúdo
  • Cadastre-se

Alexsander Gutierrez

Membro Júnior
  • Posts

    13
  • Cadastrado em

  • Última visita

Tópicos solucionados

  1. O post de Alexsander Gutierrez em como ajustar imagem na barra lateral fixa css+html? foi marcado como solução   
    <!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .barrafixa{ height: 45%; width: 60px; margin-top: 85px; position: fixed; margin: 150px; top: 0px; left: 0px; background-color: #DAA520 ; padding: 10px; /** Adicionado **/ display: flex; flex-direction: column; align-items: center; } </style> </head> <body> <div class="barrafixa"> <a href="https://www.instagram.com/"> <img width= "50px" src="url da image aqui"/> </a> <a href="https://www.instagram.com/"> <img width= "50px" src="url da image aqui"/> </a> <a href="https://www.instagram.com/"> <img width= "50px" src="url da image aqui"/> </a> <a href="https://www.instagram.com/"> <img width= "50px" src="url da image aqui"/> </a> </div> </body> </html> Olá boa noite, você pode ajustar as imagens adicionando as propriedades display: flex; align-items: center; flex-direction: column; na barra fixa, ou como no caso as imagens dentro de uma tag âncora que por padrão são elementos de linha, você simplesmente pode adicionar um text-align: center que vai centraliza-las, segue o código de exemplo que fiz.

Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas comunidades sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

×
×
  • Criar novo...

GRÁTIS: ebook Redes Wi-Fi

EBOOK GRÁTIS!

CLIQUE AQUI E BAIXE AGORA MESMO!