Sobre Marcadores

Página 1 de 1

Novo tópico
Responder

#1 _Raul_

Grupo: Membros
Posts: 1580
Cadastrado: 01/10/2007, 10:15
Sistema:Não especificado
Localização:São Paulo, Brasil.

Postou 14/10/2007, 17:17:32

Alguém sabe como retirar os marcadores, aquelas bolinhas nos textos?

[]'s!

http://ofuturodopassado.wordpress.com/

#2 GHS

Grupo: Membros
Posts: 33
Cadastrado: 06/10/2007, 13:30
Localização:Rio Grande do Sul - Brasil

Postou 14/10/2007, 17:25:22

Que bolinhas nos textos? Você tá dizendo das bolinhas nas listas?

[]'s

#3 _Raul_

Grupo: Membros
Posts: 1580
Cadastrado: 01/10/2007, 10:15
Sistema:Não especificado
Localização:São Paulo, Brasil.

Postou 14/10/2007, 18:04:13

GHS, em Oct 14 2007, 05:25 PM, disse:

Que bolinhas nos textos? Você tá dizendo das bolinhas nas listas?

[]'s

Marcadores:

http://www.maujor.co...t/menu_fig1.gif

[]'s

São as bolinhas pretas

http://ofuturodopassado.wordpress.com/

#4 Paulo Higa

Grupo: Administração
Posts: 3470
Cadastrado: 27/09/2007, 14:35
Nome real:Paulo Seikishi Higa
Sistema:Windows
Localização:São Paulo, SP

Postou 14/10/2007, 18:13:07

Remova as tags <ul> e <li> do código correspondente ou crie uma classe para a lista usando list-style-type: none; no CSS.

Recompense os usuários que ajudaram a resolver o seu problema ou publicaram dicas valiosas! Basta clicar no Imagem

.
Denuncie mensagens que infringem as regras do fórum! Clique no botão Imagem

Denunciar e colabore com a administração.
Abra um Imagem

Novo tópico para resolver o seu problema. Assim, você não ressuscita um tópico já resolvido!
Blog pessoal: http://paulohiga.com

#5 _Raul_

Grupo: Membros
Posts: 1580
Cadastrado: 01/10/2007, 10:15
Sistema:Não especificado
Localização:São Paulo, Brasil.

Postou 14/10/2007, 18:14:18

Paulo, em Oct 14 2007, 06:13 PM, disse:

Remova as tags <ul> e <li> do código correspondente ou crie uma classe para a lista usando list-style-type: none; no CSS.

Tag não tem e já usei o list-style: none; na body e não sai :|

[]'s

http://ofuturodopassado.wordpress.com/

#6 Carlosware

Grupo: Membros
Posts: 110
Cadastrado: 01/10/2007, 15:14
Localização:santo andré-sp

Postou 14/10/2007, 18:37:50

1° Isso não é texto, são listas.

1ª Solução:

coloca no head da pagina:

<style>
li{list-style:none}
</style>

Dentro das tags <head> e </head> OU coloque o código sem as tags <styte> no arquivo css da pagina.

Porém, ao usar o código acima, como consequênica todas as suas listas ficarão sem marcadores.

Ou

2ª Solução:

para isso não acontecer faça uma classe pra ela...

<style>
.sem_marcador li{list-style:none}
</style>

E no código da lista faça:

<ul class="sem_marcador">
<li>item</li>
<li>item</li>
<li>item</li>
</ul>

Ou seja, todas as listas que tiverem na sua tag ul a classe "sem_marcador" ficarão, consequêntemente, sem o próprio. Lembrando que com CSS você pode até usar outros tipos de marcadores e até mesmo substituí-los por imagens.

Um mais novo usuário do Windows Vista!

#7 GHS

Grupo: Membros
Posts: 33
Cadastrado: 06/10/2007, 13:30
Localização:Rio Grande do Sul - Brasil

Postou 14/10/2007, 18:39:33

Não é no body.

Crie uma classe no css:

ul.sem_marcador li {
	list-style: none;
}

E depois, use a classe "sem_marcador" na tag <ul> da lista.

---

Ou em cada elemento li, substitua:

<li>conteúdo</li>

Por:

<li style="list-style:none">conteúdo</li>

[]'s

---

Edit: Caramba, quando fui postar, eu ainda não tinha visto o post do Carlosware e, o nome da nossa classe da ul ficou o mesmo. o_o

#8 Carlosware

Grupo: Membros
Posts: 110
Cadastrado: 01/10/2007, 15:14
Localização:santo andré-sp

Postou 14/10/2007, 18:46:49

Quote

Edit: Caramba, quando fui postar, eu ainda não tinha visto o post do Carlosware e, o nome da nossa classe da ul ficou o mesmo. o_o

Pois é, conhecidências existem! hehe, pensamos igual!
Mas creio que meu método também esteja correto, não é mesmo GHS?

Um mais novo usuário do Windows Vista!

#9 GHS

Grupo: Membros
Posts: 33
Cadastrado: 06/10/2007, 13:30
Localização:Rio Grande do Sul - Brasil

Postou 14/10/2007, 21:03:24

Carlosware, em Oct 14 2007, 06:46 PM, disse:

Pois é, conhecidências existem! hehe, pensamos igual!
Mas creio que meu método também esteja correto, não é mesmo GHS?

Aham.

#10 Paulo Higa

Grupo: Administração
Posts: 3470
Cadastrado: 27/09/2007, 14:35
Nome real:Paulo Seikishi Higa
Sistema:Windows
Localização:São Paulo, SP

Postou 15/10/2007, 07:55:41

_Raul_, em Oct 14 2007, 06:14 PM, disse:

Tag não tem e já usei o list-style: none; na body e não sai :|

[]'s

Poste a página ou o código inteiro com o problema. Assim fica mais fácil ajudar.

Recompense os usuários que ajudaram a resolver o seu problema ou publicaram dicas valiosas! Basta clicar no Imagem

.
Denuncie mensagens que infringem as regras do fórum! Clique no botão Imagem

Denunciar e colabore com a administração.
Abra um Imagem

Novo tópico para resolver o seu problema. Assim, você não ressuscita um tópico já resolvido!
Blog pessoal: http://paulohiga.com

#11 Carlosware

Grupo: Membros
Posts: 110
Cadastrado: 01/10/2007, 15:14
Localização:santo andré-sp

Postou 15/10/2007, 10:04:53

Quote

Poste a página ou o código inteiro com o problema. Assim fica mais fácil ajudar

Se o Raul usar a minha dica ou a do GHS, vai funcionar perfeitamente....

Um mais novo usuário do Windows Vista!

#12 _Raul_

Grupo: Membros
Posts: 1580
Cadastrado: 01/10/2007, 10:15
Sistema:Não especificado
Localização:São Paulo, Brasil.

Postou 15/10/2007, 11:36:27

Obrigado gente já consegui:

.sliderOuter .slider ul {
	margin:0;
	padding:0;

}
.sliderOuter .slider ul li {
	cursor:pointer;
	list-style-type:none;

	padding:0 0 0 24px;
	background:url(../pictures/newsicon.png) no-repeat 4px 0px;
}
.sliderOuter .slider ul li:hover {
	color:#ffffff;
}
.sliderOuter .slider ul li.first {
	padding:0;
	background:none;
}

Só que, o meu texto tá alinhado no centro e quero que fique na left e já usei o text-align e não dá

[]'s

[]'s

http://ofuturodopassado.wordpress.com/

#13 Carlosware

Grupo: Membros
Posts: 110
Cadastrado: 01/10/2007, 15:14
Localização:santo andré-sp

Postou 15/10/2007, 12:44:01

vou chutar..

tente tirar o 24px da classe abaixo:

.sliderOuter .slider ul li {
cursor:pointer;
list-style-type:none;

padding:0 0 0 24px;
background:url(../pictures/newsicon.png) no-repeat 4px 0px;
}

ficando assim:

.sliderOuter .slider ul li {
cursor:pointer;
list-style-type:none;

padding:0px;
background:url(../pictures/newsicon.png) no-repeat 4px 0px;
}

Um mais novo usuário do Windows Vista!