Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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
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"></style>
</head>
<body>
<ul>
<li>'»' item</li>
</ul>
</body>
</html>
</html>muito obrigado pelos esclarecimentos pessoalabraçosChan
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).;)
Ah o » ? haha adoro ele