Я пытаюсь сделать слайд-шоу, полное информации, которая должна быть размещена в разных областях контейнера.
Моя проблема в том, что div из слайд-шоу цикла 2, кажется, игнорирует позицию, указанную в стиле.
Это потому, что цикл2 сделан для игнорирования положения дочернего div? Или я чего-то не хватает?
Мое изображение слайд-шоу работает как шарм. Если бы я мог это сделать.
<div style="position:relative; left:459px; height:306px; width:565px;">
<div class="cycle-slideshow"
data-cycle-slides="> div"
data-cycle-pager="#pager"
data-cycle-pager-template=""
>
<div style="position:absolute; height:20px; left:200px;">
<font style="color: #ffffff; font-family: 'Great Vibes', ClearType ; font-size: 10pt; font-smooth:always; -webkit-font-smoothing: antialiased;">Lorem ipsum dolor ...</font>
</div>
<div style="position:absolute; height:20px; left:200px; ">
<font style="color: #ffffff; font-family: 'Great Vibes', ClearType ; font-size: 20pt; font-smooth:always; -webkit-font-smoothing: antialiased;">Lorem ipsum dolor ...</font>
</div>
<div style="position:absolute; height:20px; left:200px;">
<font style="color: #ffffff; font-family: 'Great Vibes', ClearType ; font-size: 30pt; font-smooth:always; -webkit-font-smoothing: antialiased;">Lorem ipsum dolor ...</font>
</div>
</div>
</div>
Css цикла-слайд-шоу довольно простой:
.cycle-slideshow {
width: 200px;
margin: 0;
}
Заранее благодарю за вашу помощь !!!
Если это может помочь кому-то в будущем, я фактически приложил свой текст в деталях, и это сработало.