mle
mle

Reputation: 103

Set images in Horizontal Scrolling

I have a problem with images in horizontal scrolling, namely I don´t see the images correctly, my code is following jsfiddle.net/y8gy6oar/.

I can´t unterstand how to fix it, I hope someone can help me.

Upvotes: 0

Views: 55

Answers (1)

luly
luly

Reputation: 614

Set the width for your article tags to the size of the images.

Of course, this only works if you know the size of your images ahead of time, and they are all the same size.

div.horizontal .table article {
    width: 569px;
    height: 320px;
    display: table-cell;
    background: #e3e3e3;
    vertical-align: middle;
    text-align: center;
 }

What is happening in your CSS is the articles are set at 200px so the images are cut off.

Upvotes: 1

Related Questions