Problemas com a propriedade display do css

[xaviergxf 0]

Olá pessoal,

 

Eu fiz um daqueles +/-, que quando a pessoa clica em + aparecem labels, textfields, etc, usando a propriedade display:none.

Porém a disposição dos elementos antes de utilizar o display:none é diferente em relação a posição inicial.

Alguem sabe o que esta acontecendo?

 

Grato

[DBB 0]

Poste seu código para que agente possa lhe ajudar!

[Giovani 104]

Por favor, links são melhores http://forum.imasters.com.br/public/style_emoticons/default/natal_biggrin.gif

[xaviergxf 0]

ai esta o css:

 

#pesquisa {

width: 185px;

background-color:#F0F0F0;

margin-bottom:4px;

visibility:visible;

padding-top:5px;

}

 

#pesquisa li{

list-style:none;

padding-right:20px;

color:#000000;

font-weight:normal;

font-size:16px;

}

 

#pesquisa a:link{

color:#000000;

text-decoration:none;

}

 

#pesquisa a:visited{

color:#000000;

text-decoration:none;

}

 

#pesquisa a:hover{

color:#333333;

text-decoration:underline ;

}

 

#pesquisa a:active{

color:#000000;

text-decoration:none;

}

 

.collapse{

display:none;

 

 

}

 

 

e aqui o html

 

<div id="pesquisa">

<form id="form2" method="post" action="">

<ul>

<input type="text" name="textfield3" />

<input type="submit" name="Submit" value="Buscar" />

<li><a href="java script:;" onclick="ShowHideSearch();"><img src="Imagens/expand.gif" alt="" width="9" height="9" id="button_hide_show" name="button_hide_show"/>Busca Avançada</a></li>

<li>

<label id="categoria_text" class="collapse">Categoria: </label>

<select name="select" id="categoria_combo" class="collapse">

<option>assas</option>

</select>

</li>

<li>

<label class="collapse" id="preco_minimo_text" >Preço Mínimo:

<input name="textfield4" id="preco_minimo_field" type="text" size="10" maxlength="20" class="collapse"/>

</label>

</li>

<li>

<label class="collapse" id="preco_maximo_text">Preço Máximo:

<input name="textfield42" id="preco_maximo_field" type="text" size="10" maxlength="20" class="collapse"/>

</label>

</li>

<li>

<label class="collapse" id="condicao_text">Condição:

<select name="select2" class="collapse" id="condicao_combo">

<option selected="selected">Qualquer</option>

<option>Novo</option>

<option>Usado</option>

</select>

</label>

</li>

<li>

<label class="collapse" id="forma_pagamento_text">Forma de Pagamento:

<select name="select3" size="1" class="collapse" id="forma_pagamento_combo">

</select>

</label>

</li>

<li>

<label class="collapse" id="forma_envio_text">Forma de Envio:

<select name="select4" class="collapse" id="forma_envio_combo">

</select>

</label>

</li>

</ul>

</form>

 

</div>

[cassiano óliver 1]

sem link ou imagem vai ficar difícil...

[xaviergxf 0]

ai galera.. pra ficar mais fácil de ver.. aqui esta o link:

http://www.comp.ufscar.br/~xaviergxf/teste.php

 

Vejam a diferença entre:

- em um ao lado do label temos o combobox

- em outro abaixo do label tempos o combobox