JQuery Cycle 2 Slide showing below alignment

0

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?

    
asked by anonymous 15.04.2016 / 17:34

1 answer

0

Resolved: In the plugin's css there was a border 10px auto

    
16.04.2016 / 03:07