Вложенная форма (слайдер)

[anutti]

Подскажите пожалуйста, как внутрь слайдера вставить форму для ввода логина и пароля, мне нужно чтобы форма была на первом кадре слайдера ( ссылка на слайдер http://ruseller.com/lessons.php?rub_id=2&id=1443 )

Получается что это как-бы вложенная форма и она не отображается, потому что слайдер сам основан на чекбоксах и как я понимаю HTML такое не поддерживает, есть вариант использовать iframe, но он не желателен.

 

<div class="sp-slideshow">

<input id="button-1" type="radio" name="radio-set" class="sp-selector-1" checked="checked" />
<label for="button-1" class="button-label-1"></label>

<input id="button-2" type="radio" name="radio-set" class="sp-selector-2" />
<label for="button-2" class="button-label-2"></label>

<input id="button-3" type="radio" name="radio-set" class="sp-selector-3" />
<label for="button-3" class="button-label-3"></label>

<input id="button-4" type="radio" name="radio-set" class="sp-selector-4" />
<label for="button-4" class="button-label-4"></label>

<input id="button-5" type="radio" name="radio-set" class="sp-selector-5" />
<label for="button-5" class="button-label-5"></label>

<label for="button-1" class="sp-arrow sp-a1"></label>
<label for="button-2" class="sp-arrow sp-a2"></label>
<label for="button-3" class="sp-arrow sp-a3"></label>
<label for="button-4" class="sp-arrow sp-a4"></label>
<label for="button-5" class="sp-arrow sp-a5"></label>

<div class="sp-content">
<div class="sp-parallax-bg"></div>
<ul class="sp-slider clearfix">
<li>

<!-- Эта форма не работает ((( -->

<form action="..." enctype="..." id="login" method="post">

<input name="email" type="text" /><br />

<input name="password" type="password" /><br />

<input type="submit" value="Login!" /> 

 

</form>

 

</li>
<li><img src="images/image2.png" alt="image02" /></li>
<li><img src="images/image3.png" alt="image03" /></li>
<li><img src="images/image4.png" alt="image04" /></li>
<li><img src="images/image5.png" alt="image05" /></li>
</ul>
</div><!-- sp-content -->

</div><!-- sp-slideshow -->

 

Пожалуйста, если надо писать скрипт напишите поподрбнее, я яву не знаю (

Спасибо.

 

[radioactive68]

найти в css все ".sp-slideshow input..."

и добавить между ними " > "

тоесть ".sp-slideshow > input..."

 

Затем добавляйте что хотите

Edited January 8, 2015 by radioactive68

[anutti]

Спасибо Вам БОЛЬШОЕ!  Все заработало )  Спасибо ! )