Solucionado (ver solução)
Solucionado
(ver solução)
3
respostas

Barra lateral

Na minha barra lateral ficaram aquelas bolinhas indicando que é uma lista. Mas no projeto final que eu baixei, não ficam. Alguém poderia me indicar o motivo. Segue o CSS da meu menu de navegação

.menu_de_navegacao, footer {
    padding: 20px;
}

.menu-de-navegacao {
    background-color: #3C1D3D;
    font-family: "Opens Sans Condensed", "Arial", sans-serif;
    color: #F2FFFC;
    text-align: center;
    float: right;
    width: 15%;
    position: relative;
    top: 310px;
}

.menu-de-navegacao a {
    text-decoration: none;
    color: inherit;
    text-transform: lowercase;
}

.menu-de-navegacao h1 {
    font-size: 30px;
    margin-bottom: 25px;
}
foto-joao, .menu-de-navegacao {
    float: right;
    box-sizing: border-box;
    border-left: 10px solid black;
    border-bottom: 10px solid black;
}
3 respostas

Ola,

.menu_de_navegacao, 

.menu-de-navegacao 

Acho que pode ser algo relacionado a isso.

Você esta usando o text-decoration: none; com a classe .menu-de-navegacao , que retira as 'bolinhas'.

Verifique no html qual dessas classes você esta utilizando.

solução!

Paulo, boa tarde!

Toda lista é envolvida por uma

  • correto? Nessa tag nós conseguimos definir as propriedades da lista, e uma dessas propriedades é o list-style, nós podemos definir como valor none, assim nós tiramos esses bullets laterais. Abaixo vai um exemplo
    ul {
        list-style:none;
    }

    Você pode trocar o ul pelo nome da classe que está sendo usada, assim será mais especifico

    Espero ter ajudado e bons estudos!

as duas observações estavam corretas, mas list-style none, realmente fez sumir. Vlw pelas respostas.