Solucionado
Segue o codigo do menu nav
E do CSS:
nav ul li{ display: inline; margin-left:50px; padding: 5px; background-color: #f9edad; }
Queria fazer duas coisas; colocar uma cor de fundo que ficasse na linha toda, pois do jeito que esta, ela fica separada pelas margens de 50px. Também queria centralizar pelo css. Tentei varias maneiras e não consegui Vi numa outra duvida que tem como fazer isso diretamente no html, mas queria centralizar via css. Obrigada Tania
Olá Tania Maria, tudo bem?
Você pode fazer da seguinte forma:
1 - Colocando cor de fundo para toda a linha da nav:
nav{
background-color: yellow;2 - Centralizando o texto das li's contidas em nav (Para isso, é necessário atribuir a propriedade para toda a tag nav).
nav{
background-color: yellow;
text-align: center;
}Espero ter ajudado! Um abraço, Gabriel Amazonas.
Vamos resolver os dois casos:
1 - colocar uma cor de fundo que fique na linha toda da barra de navegação:
Quando especificamos no css as propriedades para nav ul li, estamos definindo que o componente li(item da lista) da ul (lista não ordenada) do nav (navegação) possui aquelas propriedades. Portanto de quem queremos definir o estilo? Da navegação (nav).
O código do css irá ficar assim:
nav{
background-color: yellow;
}
nav ul li{
display: inline;
margin-right: 50px;
padding: 5px;
}2 - Centralizar os itens na barra de navegação
Para centralizar os itens na barra de navegação precisamos definir que o conteúdo dentro da nav vai estar centralizado. O código vai ficar assim:
nav{
background-color: yellow;
text-align: center;
}