CSS List

[Neolitic 0]

Olá pessoas.

 

Tô criando um menu horizontal com imagens.

Cada imagem, lógico, está dentro de "li"

Como configurei list-style como none, criou-se um indesejável espaço em branco entre uma opção e outra (putz...)

 

Como faço para livrar-me dos tais espaços? Vejam o código:

 

[b]CSS[/b]
#menu ul {
	list-style: none;
	background-color:black;
}
#menu li {
	padding:0;
	margin:0;
	position:relative;
	width: 626px;
	height:21px;
	display:inline;
}

[b]HTML[/b]
<div id="menu">
	<img src="javascript/images/bt_SobreaEditora.jpg">
	<img src="javascript/images/Bt_Lancamentos.jpg">
	<img src="javascript/images/Bt_Noticias.jpg">
	<img src="javascript/images/Bt_FaleConosco.jpg">
	<img src="javascript/images/Bt_PaginaPrincipal.jpg">
</div>

Valeu

 

Neolitic

[William Bruno 1501]

Desculpa eu não entendi onde está o "tal espaço branco entre uma opção e outra".

Eu pulei este tópico, qndo vi que não entendi... mas como ninguem respondeu ainda..

 

Explique melhor seu problema, ou post um link para podermos vizualizar...

você usou imagens.. e eu não faço a minima ideia de como elas são.

 

Em todo caso, o problema não é o height que você definiu?

[brcontainer 16]

ponha padding:0; margin:0; no <UL>

ou melhor use o seletor global

assim

 

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

ponha um link do teu site ok assim ajudará acaso isso não resolver