Problemas com menu horizontal no firefox!

[Uriel Juliatti 0]

Olá!

O problem a que está ocorrendo é esse: No Firefox a bolinha da "<li>" aparece e no IE o fundo cinz aparece mas sem as bolinhas.. Qual seria o problema?

 

Aqui está a url onde se encontra o HTML:

 

http://www.urieljuliatti.net/menu.html

 

O css está assim:

 

@charset "utf-8";
/* CSS Document */

#nav, #nav * {
	margin:0;
	padding:0;
}

#nav {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:100%;
	font-size:0.8em;
	font-weight:bold;
	background: #ccc;
	padding-top:0px;
	padding-left:300px;
	margin-top:30px;
	list-style:none;
	fload:left;
}
#nav li { float:left;}
#nav li a {
	collor:#fff;
	padding: 0.25em 0.5em 0.25em 0.75em;
	border-left: 1em solid #069;
	background:#09c;
	text-decoration:none;
	margin-right:2px;
}
#nav li a:visited {color: #ccc;}
#nav li a:hover {
	color:#2eacd5;
	background:#daecff;
	border-left: 1em solid #a2c7da;
}
/* Holly Hack */
/*\*/
* html ul li { float: left; }
* html #nav li a {height: 1%;}
/**/

[inforsis 1]

Bom Dia!

 

O Link que você passou acima retorna Erro 404 - "Pagina não encontrada", assim que possivel verifique...

 

Então sobre o problema com a "bolinha na lista" adicione a declaração da propriedade list-style ao seu css com o valor none, para não ser mostrada.

 

* {
	margin:0;
	padding:0;
	list-style: none;
}

Quanto ao fundo cinza, você esta declarando que o background do elemento de id #nav seja cinza, então não entendi esse ponto, afinal o backgrund deve ser cinza ou não?

 

Até Mais. ;)

[Uriel Juliatti 0]

Bom Dia!

 

O Link que você passou acima retorna Erro 404 - "Pagina não encontrada", assim que possivel verifique...

 

Então sobre o problema com a "bolinha na lista" adicione a declaração da propriedade list-style ao seu css com o valor none, para não ser mostrada.

 

* {
	margin:0;
	padding:0;
	list-style: none;
}

Quanto ao fundo cinza, você esta declarando que o background do elemento de id #nav seja cinza, então não entendi esse ponto, afinal o backgrund deve ser cinza ou não?

 

Até Mais. ;)

Perfeito! Eu queria que ele não existisse, então era um errinho bobo! Tirei o background e agora tá ok! Retirei as bolinhas tb! Perfeito!

 

Mas tem um problema.. O tamanho do menu no IE e no Firefox...

 

Vou fazer novamente o upload do arquivo.

 

O certo é esse: http://www.urieljuliatti.net/menu.htm

 

Valeu mesmo!! Tá sendo muito gostoso estudar CSS e vir aqui no fórum procurar ajuda! Esse fórum é genial mesmo.

 

PS: Estou mostrando esse menu simples apenas para demonstração.. Futuramente quero elaborar uns mais complexos! Então tô nos primeiros passos dessa categoria de listas, quero aprender na marra, nada de ficar copiando de outros sites, pegando coisa pronta. Prefiro eu mesmo ir desenvolvendo.

 

Abraços!

[Uriel Juliatti 0]

Só não saquei porque no IE ele fica de um tamanho e no firefox de outro.

Alguém pode mne ajudar?

[Giovani 104]

Uriel Juliatti, vamos com calma, criar um post com apenas um "Me ajudem" vai contra as regras do fórum.

 

Sobre o seu menu, você, por acaso, definiu uma altura para ele?

Existem vários tópicos aqui no fórum falando sobre menu, pesquise também.

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

[Uriel Juliatti 0]

Uriel Juliatti, vamos com calma, criar um post com apenas um "Me ajudem" vai contra as regras do fórum.

 

Sobre o seu menu, você, por acaso, definiu uma altura para ele?

Existem vários tópicos aqui no fórum falando sobre menu, pesquise também.

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

Opa, beleza cara.

 

Será que eu definindo height:100%; ele ficaria certo?

No mais, vou dar uma pesquisada.

 

Valeu!

[WillianAndrade 0]

e ae kra, beleza?

 

ao invés de:

 

#nav, #nav * {
	margin:0;
	padding:0;
	list-style:none;
}

você pode fazer apenas:

* {
	margin:0;
	padding:0;
	list-style:none;
}

aqui você declarou um FLOAT errado:

#nav {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:100%;
	font-size:0.8em;
	font-weight:bold;
	padding-top:0px;
	padding-left:300px;
	margin-top:30px;
	list-style:none;
		[b]fload:left;[/b]
}

 

 

agora o caso da barra de rolagem, é que se você quer que um divMãe (que engloba todo o site) tenha a largura total do monitor

você NÃO deve declarar 'width' para ela, simplesmente não coloca.

 

agora se a div estiver com tamanho limitado algum outro elemento ACIMA está com width declarado, com isso, não deixando ela ocupar a área total

 

 

então é isso, corrigi o FLOAD > FLOAT ai, e tira o width do #nav

 

 

 

abraço

boa sorte