Ir para conteúdo

POWERED BY:

Arquivado

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

TheChessMan

list-style-image:

Por , em Desenvolvimento frontend

Recommended Posts

TheChessMan    0

TheChessMan
Postado

Galera, estou usando uma imagem como marcador de lista... no FireFox funciona beleza...maaaaaaaasss.. pra variar no IE não aparece nada...

 

Estou usando a propriedade referindo-me à tag ul, tentei colocar na tag li e não funcionou tbm (No Firefox funciona dos 2 modos).. alguem sabe se é o IE q não suporta a propriedade ou se é algum erro mais grave?

 

Código: (As ids e classes estão sendo usadas do modo correto, já conferi)

 

#texto_eventos ul.pratomil_lista{	list-style-image:url(../imagens/lista_img_pratomil.jpg);}

Compartilhar este post

Link para o post
Compartilhar em outros sites

pa_bruno    0

pa_bruno
Postado

coloque um list type depois...

#texto_eventos ul.pratomil_lista{list-style-image:url(../imagens/lista_img_pratomil.jpg);list-style-type: circle;}
http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

Update

fiz aki sem o list type e funcionou no i.e.

tem certeza q você setou corretamente o ul? Naum fez alguma confusão, etc? ;)

Compartilhar este post

Link para o post
Compartilhar em outros sites

TheChessMan    0

TheChessMan
Postado

Putz.. sei la eh q tem um parágrafo logo depois da lista, ai não funciona, com a lista sozinha funciona... sei la o q tem isso.. mas eu me viro... vlW

 

<div id="texto_eventos">			<h1 class="carlao_titulo">Buffet Carlão</h1>				<ul class="carlao_lista">					<li><a href="eventos_interno.php">Congresso Claro Digital</a></li>					<li>Congresso Enologia</li>					<li>Congresso Claro Digital</li>					<li>Congresso Enologia</li>					<li>Congresso Claro Digital</li>				</ul>			<h1 class="pratomil_titulo">Pratomil</h1>				<ul class="pratomil_lista">					<li>Almoço Final de ano Fasolo</li>					<li>Almoço Final de ano Fasolo</li>				</ul>		</div>

Compartilhar este post

Link para o post
Compartilhar em outros sites

pa_bruno    0

pa_bruno
Postado

aki funcinou direitim... você deve tah setando uma outro tipo de lista no css, q ae deve tah sobrescrevendo, algo assim...

Fiz assim e deu certo...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>Untitled Document</title><style type="text/css">ul.pratomil_lista { list-style-image:url(seta.gif); }</style></head><body>	<div id="texto_eventos">		<h1 class="carlao_titulo">Buffet Carlão</h1>		<ul class="carlao_lista">			<li><a href="eventos_interno.php">Congresso Claro Digital</a></li>			<li>Congresso Enologia</li>			<li>Congresso Claro Digital</li>			<li>Congresso Enologia</li>			<li>Congresso Claro Digital</li>		</ul>		<h1 class="pratomil_titulo">Pratomil</h1>		<ul class="pratomil_lista">			<li>Almoço Final de ano Fasolo</li>			<li>Almoço Final de ano Fasolo</li>		</ul>		<p>Teste</p>	</div>	<p>Teste</p></body></html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

TheChessMan    0

TheChessMan
Postado

Pois é, o seu funciona.. =/

 

A única coisa referente a listas no CSS é lá no início com:

 

ul{	list-style-type:none;}

Mas o seu código assim:

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>Untitled Document</title><style type="text/css">ul{list-style-type:none;}ul.pratomil_lista { list-style-image:url(file:///D|/Sites/Carlao/imagens/lista_img.jpg) }</style></head><body>	<div id="texto_eventos">		<h1 class="carlao_titulo">Buffet Carlão</h1>		<ul class="carlao_lista">			<li><a href="eventos_interno.php">Congresso Claro Digital</a></li>			<li>Congresso Enologia</li>			<li>Congresso Claro Digital</li>			<li>Congresso Enologia</li>			<li>Congresso Claro Digital</li>		</ul>		<h1 class="pratomil_titulo">Pratomil</h1>		<ul class="pratomil_lista">			<li>Almoço Final de ano Fasolo</li>			<li>Almoço Final de ano Fasolo</li>		</ul>		<p>Teste</p>	</div>	<p>Teste</p></body></html>

Funciona do mesmo jeito... :mellow:

 

Como eu diria:

 

CSS = Coisa Sem Sentido

 

:P

Compartilhar este post

Link para o post
Compartilhar em outros sites

hargon    64

hargon
Postado

Essa linha sua está diferente da postada pelo Bruno...

ul.pratomil_lista { list-style-image:url(file:///D|/Sites/Carlao/imagens/lista_img.jpg) }
Bruno

ul.pratomil_lista { list-style-image:url(seta.gif);}

Troque o endereço da imagem, talvez não esteja achando ela.

Compartilhar este post

Link para o post
Compartilhar em outros sites

pa_bruno    0

pa_bruno
Postado

logicamente... espero q ele tenha percebido... e naum soh copiado e colado...o problema estava até antes de postar este exemplo...

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