Razvan
Razvan

Reputation: 49

Slider with caption display table

I made a slider with jQuery cycle. And I was set

.image img {
    width: 100%; 
    height: 100%;
    position: absolute;
    display: table; 
}

And the caption

.caption {
    position: relative;
    z-index: 99;    
    color: white;
    text-align: center;
    display: table-cell; 
    vertical-align: middle; 
}

This thing align the text to middle and center. Good. But when I change slide #1 to slide #2 and after I come back at slide #1 text dosen't stay at middle.

enter image description here

Upvotes: 1

Views: 109

Answers (1)

Razvan
Razvan

Reputation: 49

I solve it!

The jQuery remove display: table; after chaning the slider. I use display: table !important; to fix this.

Upvotes: 1

Related Questions