Ir para conteúdo
Fórum Script Brasil
  • 0

CSS listas ordenada com resultado insatisfatorio.


AlbertoRT

Pergunta

Prezados, saúde e paz para todos.

Tenho uns textos que requerem criar listas ordenadas, tanto em ordem alfabética com numérica.

Acontece que "todas" as listas que vejo, mostram (veja o "ponto" depois da letra ou do número):

a.

b.

c.

ou com números

1.

2.

3.

Observe que tem um ponto depois da letra ou do número.

Além de não desejar que fique com o "ponto" no final, gostaria de colocar um parêntese, que é o mias usual em textos, assim :

a)

b)

c)

ou com números

1)

2)

3)

Colocar o "parêntese" consegui colocar, mas o "ponto" depois do número ou da letra continuam:

O que tentei:

CSS:

ol.lalpha {
	list-style-type: lower-alpha;
	}	
	
li.parentese:before {
    content: ") ";
   }	

Ficando:

<ol class="lalpha">
  <li class="parentese">Coffee</li>
  <li class="parentese">Tea</li>
  <li class="parentese">Coca Cola</li>
</ol>
	

Resultado

       a. ) Coffee

       b. ) Tea

       c. ) Coca Cola

Inclusive fica feio. Muito separado a "letra e o ponto" do ")"

Resultado esperado

a) Coffee

b) Tea

c) Coca Cola

 

Obrigado

 

 

 

 

 

 

 

 

Link para o comentário
Compartilhar em outros sites

0 respostass a esta questão

Posts Recomendados

Até agora não há respostas para essa pergunta

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,3k
    • Posts
      652,4k
×
×
  • Criar Novo...