Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Chan

list-style-type + » = "merda"

Por , em Desenvolvimento frontend

Recommended Posts

Chan    0

Chan
Postado

estou tentando fazer uma ul com o "»" (aquele simbolo parecido com isso ">>") como "marcador" e funciona no firefox porém no internet explorer não aparece nada.usando o seguinte codigo para indicar só as ul e li dentro da classe sections.sections ul li:before { content: "\00BB \0020";}alguém pode me dizer pq não funciona no I.E. e se é possível resolver?outra dúvida é quanto ao display:inline;quando uso isso numa ul ele simplesmente não mostra os >>obrigado

Compartilhar este post

Link para o post
Compartilhar em outros sites

Maujor    144

Maujor
Postado

O pseudo-elemento gerador de conteudo :before não é suportado pelo Internet Explorer.

 

Duas maneiras de conseguir no IE e outros navegadores o que você pretende:

 

1- Usar » como uma imagem de fundo para o elemento lista.

 

2- Colocar 'raquo;' no código fonte assim:

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pt-br">
<meta name="author" content="Mauricio Samy Silva" />
<head>
<title>Página testes</title>
<style type="text/css">
ul {list-style: none;}
</style>
</head>
<body>
<ul>
<li>'»' item</li>
</ul>
</body>
</html>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Chan    0

Chan
Postado

muito obrigado pelos esclarecimentos pessoalabraçosChan

Compartilhar este post

Link para o post
Compartilhar em outros sites

Poe    0

Poe
Postado

A vantagem de usar imagem no lugar dos famosos "double quotes" no código é que você vai separar mesmo os elementos gráficos do seu código. Fazendo esse tipo de coisa você evita problemas com acessibilidade e não perde quase nada em peso (principalmente porque imagens desse tipo ficam menores que 40 bytes).;)

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito