Marcos Full

Bom dia Cunha Fabri! Não sei se entendi bem a sua questão. Mas no caso de os botões ficarem maiores do que o espaço que a janela oferece, ao invés de criar uma barra de rolagem horizontal, você gostaria que os botões passassem para a parte de baixo, isso ? Vamos ver, se for isso, você poderia usar o display: flex no elemento pai com mais alguns atributos. Vou lhe mostrar um exemplo em código: /* Elemento pai */ .barra_topo { display: flex; justify-content: space-around; align-items: center; flex-wrap: wrap; /* <-- Essa propriedade faz com que os elementos que passarem do limite oferecido pela seção, passem automaticamente para a linha de baixo */ } Não sei se consegui ajudar Cunha Fabri, mas faça os devidos testes e nos informe aqui. Tenha um ótimo dia!

Bom dia Iago. Exatamente como o nosso colega RodrigoJW falou, você pode usar a propriedade z-index dos elementos para definir a profundidade do elemento no documento. Seguindo a sugestão do nosso colega você pode colocar um valor negativo para a imagem ou positivo para o menu... vou mostrar um exemplo e você adapta para o seu caso: /* Valor positivo para o menu */ .menu { z-index: 10; } /* Valor negativo para a imagem */ .menu { z-index: -10; } Lembrando que você não precisa aplicar a propriedade z-index nos dois elementos, se você aplicar em apenas um deles você já vai ver o resultado. Espero ter ajudado.. Tenha um ótimo dia!

Boa tarde Tiago! No seu caso, os parâmetros justify-content e align-items só vão funcionar se o seu elemento pai estiver com o parâmetro display: flex. por exemplo: .lista { display: flex; justify-content: center; align-items: center; } Não sei se consegui ajudar, mas faça alguns testes e informe aqui para nós. Tenha um ótimo dia!

Olá Paulo, boa tarde! Não sei se entendi direito a sua questão, mas como você disse que é um template que provavelmente já tem a sua própria estilização em CSS e você gostaria de mudar o hover dos links através da inserção de um arquivo css seu mesmo, que no seu caso é o "style.css", primeiramente, a ordem que o seu arquivo está sendo inserido no arquivo principal, influencia na execução do código css... por exemplo: se você está inserindo antes de um arquivo css já existente, provavelmente o seu código css será sobrescrito caso haja conflito de regras. o interessante seria inserir o seu arquivo css depois de todas as outras inserções do template. Porém, caso você já esteja inserindo após todas as outras inserções e mesmo assim, não consegue o resultado desejado, aconselho você a colocar no final de cada configuração o parâmetro !important com o ponto de exclamação mesmo "!" pois dessa forma, o seu código será forçado a ser executado como prioridade à qualquer outro código caso haja conflito. Como exemplo, vamos usar o caso do hover do link, caso você queira tirar o text-decoration, você poderia escrever assim: a:hover { text-decoration: none !important; } Dessa forma, o seu código vai ter prioridade na execução, independente de outras regras de css que já estejam ativas. E esse parâmetro valor !important pode ser adicionado à qualquer parâmetro que você queira que tenha prioridade.. outro exemplo: a:hover { text-decoration: none !important; color: "red" !important; background-color: "green" !important; } Não sei consegui ajudar, mas teste aí e veja se dá o resultado que você precisa. Qualquer coisa estamos aí.. Abraço!

Bom dia! Eu gostaria de saber, se apenas com HTML, CSS e JavaScript, é possível criar um menu de navegação que apareça em todas as páginas e caso seja necessária uma atualização no menu, como adição de mais uma opção, ou retirar uma opção existente, essa alteração se reflita em todas as páginas, sem a necessidade de atualizar em todas as páginas manualmente. Por exemplo, com php, eu crio um arquivo chamado menu.php por exemplo, coloco todo o código html to menu de navegação nesse arquivo e utilizo a diretiva include("menu.php") ou require_once("menu.php") nas páginas onde gostaria que esse menu aparecesse, e caso eu faça uma alteração no arquivo menu.php todas as páginas que contém essa inserção do menu.php serão alteradas automaticamente, visto que, nessas páginas eu apenas estou incluindo um arquivo que tem o menu de navegação. Existe algum recurso que me permita fazer isso com html, css ou javascript também ? Desde já agradeço a atenção pessoal! Uma boa páscoa a todos!