0

Estou fazendo um menu vertical e colocando a cor preta como background. O que estou passando é que quero deixar uma largura fixa de uns 200px para cada linha do menu, só que ele não altera. Ele deixa o tamanho de acordo com o tamanho do texto.

Código HTML:

<div class="col-md-3">

      <img src="" border="0" class="img-responsive">

      <nav>
        <ul>
            <li><a href="">A empresa</a></li>
            <li><a href="">Nossos serviços</a></li>
            <li><a href="">Nossos produtos</a></li>
            <li><a href="">Vídeos & Downloads</a></li>
            <li><a href="">Fale conosco</a></li>
        </ul>
      </nav>

CSS:

ul{
  list-style: none;
  width: 100%;
}

ul li{
  display: block;
  margin-top:25px;
  float:none;
}

ul li a{
  background:#000;
  padding:10px;
  width: 200px;
}

1 Resposta 1

1

Você está tratando o background dentro do elemento a. Faça dessa forma:

ul{
    list-style: none;
    width: 100%;
}

ul li{
    background:#000;
    display: block;
    margin-top:25px;
    float:none;
    padding:10px;
    width: 200px;
}

Se quiser personalizar especificadamente os links, daí sim você cria uma chamada no css para eles por meio do elemeno a:

ul li a{
    color: red;
}
2
  • 1
    deu certo, me salvou. Obrigado! Commented 21/07/2015 às 3:58
  • Que bom que funcionou. De nada [:
    – Joerison
    Commented 21/07/2015 às 4:03

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .