Posicionamento de um elemento de um carousel

[daniortlepp 0]

Bom dia!

Tenho um carrossel com jquery e css. A estrutura básica é:

<div id="carousel" class="carousel">
<ul>
<li><a href="#" id="1">...</a></li>
<li><a href="#" id="2">...</a></li>
<li><a href="#" id="3">...</a></li>
</ul>
</div>

Pois bem, quando eu clicar no id="1", por exemplo, quero que, independente da posição que ele estiver no carrossel, fique posicionado 100px à esquerda, se clicar no id="2", a mesma coisa e assim por diante. Mas não consigo de jeito nenhum setar esse left para o elemento <li>, nem via css nem via jquery.

Alguém pode me ajudar?


Obrigada

[guilomaker 31]

faça assim

 

<div class="carousel">
<ul>
<li><a href="#" id="1">...</a></li>
<li><a href="#" id="2">...</a></li>
<li><a href="#" id="3">...</a></li>
</ul>
</div>

 

.carousel ul li {

margin-left:100px;

}

 

ele vai começar a obedecer suas propriedades e seus valores!