8 replies to this topic

[Baazyngaa]

Boa Tarde pessoal,
Estou tendo um problema com listas em html

quando crio uma lista usando UL e LI, ele cria, uma espécie de índice, representado pela bolinha preta, troquei a bolinha por uma imagem com

list-style

, porém essa imagem esta muito distante horizontalmente do texto,
Existe alguma possíbilidade de aproximalos?

Para entender melhor, quero diminuir o espaçamento em vermelho.


Obrigado pessoal!

Acredito que alguém já teve esse problema, procurei e procurei e nada, o que fazer? XD

Abraços.

[williamkevenis]

Tenta usar um desses comandos...

margin-left: 10px;

padding-left: 10px;

float: left;

[Baazyngaa]

Boa Tarde William,
Obrigado por responder,

bom eu tentei, mas com esses comandos ele so controlou o item como um todo, que inclui o texto e o indice, até cheguei a usar text-indent, mas sem sucesso

[williamkevenis]

Coloca a div com o texto dentro de outra div que contem a imagem... e dá a posição negativa

Certificou-se das posições?

position: relative;

position: absolute;

position: fixed;

left: 10px;

Se nenhum desses te ajudar é só esperar alguém aqui no forúm ...
Vota em mim

Edição feita por: williamkevenis, 13/12/2010, 15:30.

[Baazyngaa]

Voto sim, mas so se tu souber um jeito que funcione mesmo para o problema, guri ligeiro

Eu até pensei em fazer assim, mas é gambiarra isso hehehehehehe

Edição feita por: Baazyngaa, 13/12/2010, 15:37.

[williamkevenis]

auhshuasuhashusahu na realidade é mais fazer oq kkkkk...

acho que isso pode lhe ajudar dar uma lida...

http://www.infowester.com/menulateralcss.php

Edição feita por: williamkevenis, 13/12/2010, 15:42.

[Baazyngaa]

Obrigado pelo link, mas o mesmo não faz nenhuma menção a resolução do problema que eu tenho, mas achei curioso que quando eu uso "display" com qualquer valor, ele tira os índices, no caso as bolinhas pretas. XD

[williamkevenis]

porque ao invés de usar o indice nao usa uma imagem com espaçamento?

[Baazyngaa]

Bom, descobri um jeito...

<ul>
<li><a style="margin-left: -5px;" href="#">Bla bla bla</a></li>
</ul>

colocando margem negativa no link