I'm using the Cycle 2
plugin of JQuery
.
Here'sthelink: link
I have two div's. One floating to the left and one to the right. In one I have a text and an image. In the other, I have a slideshow.
A% of% of div
show Slide
a flutua
. It turns out that above direita
there is a space up to the top of a slideshow
that I can not get, so that it gets those 20px
below the alignment of 20px
than div
a flutua
.
In fact what seems to be that in addition to the area you see the slide show, there is some invisible element that is taking up space.
Here is the code:
<div class="dados">
<?php echo $constantes->getCorretor(); ?> - <?php echo $constantes->getCreci(); ?><br />
<img src="_img/icon-caixa.gif" /><br />
<?php echo $constantes->getEnderecoCompletoSite(); ?><br />
</div>
<div class="cycle-slideshow slide"
data-cycle-fx=fadeout
data-cycle-timeout=3000
data-cycle-pause-on-hover="true"
data-cycle-slides="div.slide"
>
<!-- prev/next links -->
<div class="cycle-prev"></div>
<div class="cycle-next"></div>
<div class="cycle-pager"></div>
<div class=slide>
<img src="_img/_banner/muriae.png">
<div class=cycle-overlay>Brazão Muriaé</div>
</div>
<div class=slide>
<img src="_img/_banner/grande_hotel.jpg">
<div class=cycle-overlay>Grande Hotel Muriaé</div>
</div>
<div class=slide>
<img src="_img/_banner/cristo.jpg">
<div class=cycle-overlay>Cristo Redentor Muriaé</div>
</div>
<div class=slide>
<img src="_img/_banner/matriz_centro.jpg">
<div class=cycle-overlay>Matriz São Paulo</div>
</div>
<div class=slide>
<img src="_img/_banner/matriz_porto.jpg">
<div class=cycle-overlay>Matriz do Porto</div>
</div>
<div class=slide>
<img src="_img/_banner/matriz_barra.jpg">
<div class=cycle-overlay>Matriz da Barra</div>
</div>
<div class=slide>
<img src="_img/_banner/matriz_barra2.jpg">
<div class=cycle-overlay>Matriz da Barra</div>
</div>
<div class=slide>
<img src="_img/_banner/pedra.jpg">
<div class=cycle-overlay>Pedra Santa Maria</div>
</div>
<div class=slide>
<img src="_img/_banner/rodoviaria.jpg">
<div class=cycle-overlay>Prefeitrura e Rodoviária</div>
</div>
<div class=slide>
<img src="_img/_banner/cachoeira.jpg">
<div class=cycle-overlay>Cachoeira do Rio Preto</div>
</div>
<div class=slide>
<img src="_img/_banner/horto.jpg">
<div class=cycle-overlay>Horto Florestal</div>
</div>
<div class=slide>
<img src="_img/_banner/panaroma1.jpg">
<div class=cycle-overlay>Vista Pnarâmica</div>
</div>
</div>
Where am I going wrong?