CODEWITHSUNDEEP
jquerycssimagealignmentcarousel
Sam Skirrow
Sam Skirrow

Reputation: 3697

JQuery Carousel images mis-aligned

I am trying to install a JQuery Carousel into a clients website, I have tried a couple of different ones and they both give the same issue, the images appear aligned far over to the right and up a little bit. I was wondering if anyone could take a quick look for me? The site is being built here: www.samskirrow.com/client-hope

Thanks, Sam

Upvotes: 0

Views: 139

Answers (1)

dspencer
dspencer

Reputation: 928

The issue is that your menu and your tagline block are floated left.

A quick fix would be to add clear: both to your mask class.

I would recommend reading about clearfix solution for a better solution. This would entail adding the following CSS to your stylesheet and applying the class to floated elements.

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

Upvotes: 3

Related Questions