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

Duvida tag Li

Pessoal boa noite tudo bem?

Estou com uma duvida meio que boba (acho), nos itens de navegacao (home, portifolio e etc...) da minha pagina blog.html esta sendo exibido •, mas na minha pagina bio.html nao esta aparecendo nada '-'.

O que pode estar ocorrendo? O codigo das 2 nav ul saoiguais.

Abaixo esta os links das imagens:

Imagem com o •

imagem sem •

Este é o codigo das 2 paginas ( tanto blog, quanto a bio.html).

<img class="minha-foto" src="eu.jpg" alt="Foto de João da Silva">
<aside class="navegacao-site">
    <h1>João da Silva</h1>
    <nav>
        <ul>
            <li><a href="index.html">Home</a></li>
            <li><a href="portfolio.html">Portfolio</a></li>
            <li><a href="bio.html">Sobre mim</a></li>
            <li><a href="blog.html">Blog</a></li>
            <li><a href="contato.html">Contato</a></li>
        </ul>
    </nav>
    <ul class="icones-sociais">
        <li>
            <a class="github" href="https://github.com/joaodasilva">Github</a>
        </li>
        <li>
            <a class="twitter" href="https://twitter.com/joaodasilva">Twitter</a>
        </li>
        <li>
            <a class="linkedin" href="https://br.linkedin.com/pub/joão-da-silva/32/4/508">LinkedIn</a>
        </li>
    </ul>
</aside>
<footer class="rodape-pagina">
    &copy; João da Silva 2014
</footer>
</body>
</html>
5 respostas

Oi Julio, belezinha?

Esses bullets ai (•) sao uma forma visual para ajudar quem enxerga a ler uma lista com mais facilidade.

Partindo do principio que é visual, visual tratamos onde no front-end? No CSS! Por isso que temos a propriedade list-style para estilizar o que será mostrado (ou não mostrado) nos items de uma lista.

Se quiser ver todos os valores possiveis nessa propriedade, recomendo dar uma olhada no artigo de list style do MDN.

Espero ter ajudado e bons estudos, o/

Abcs!

Natan, tudo tranquilo e voce como vai ?

Ao colocar o list-style, foi retirado o bullet, mas continua a duvida, porque na bio.html estava sem bullet e no outro arquivo html aparecia, isto sem modificar o css. Tem algum motivo claro ?

solução!

Oi Julio, tranquilo aqui tambem!

Precisaria ver exatamente os arquivos, mas em geral se você não está chamando nenhum reset.css, toda <ul> fica com os bullets.

Caso você chame um reset.css, ele tiraria isso automaticamente, e nao precisaria colocar "na mao" a declaracao.

Se o CSS é o mesmo, e em um aparece o bullet e no outro não, deve ser que um está chamando o reset.css e o outro não.

Espero ter ajudado,

Abcs!

Boa Tarde Nata,

Realmente olhei em um blog.html, nao estava usando o reset.css com voce havia dito.

Desculpas nao tinha me atentado a isto.

Obrigado pela ajuda \o/.

Oi Julio,

Que bom que matamos essa.

Abcs e bons estudos! \o