CODEWITHSUNDEEP
htmlcssslideshow
user1706511
user1706511

Reputation: 133

how do i get rid of space on the left side of the slideshow

I have got this space on the left side of my slideshow i have tried getting rid of it by using padding:0px and margin:0px but it kind of makes more mess

can anyone help me please here is the link to the site

http://goo.gl/aS3y1

Upvotes: 1

Views: 137

Answers (6)

Naeem A.
Naeem A.

Reputation: 21

.column-inmiddle {
    width: 138%; remove this or make 100%
}

#slideshow {
    position: relative;
    width: 950px;
    height: 240px;
    margin: 40px auto 0 auto; add this
}

hopefully you'll get what u want

Upvotes: 0

Pedro Monte
Pedro Monte

Reputation: 235

Insert the style in the #main2 and this will solve you more issues :) because you have float in previous DIV and your slider is above the menu and you will be unable to click the items.

#main2 { 
 ....
 clear:both; 
}

and in 

#slides {
   float: left;
   padding: 0;
}

Upvotes: 0

Jeroen W
Jeroen W

Reputation: 872

Quickfix

ul#slides {
    margin-left:-37px;
}

Upvotes: 0

Roy Sonasish
Roy Sonasish

Reputation: 4609

Try this in #slides

#slides {
    float: left;
    margin: 0;
    padding: 0;
    width: 950px;
}

Upvotes: 1

Aravind30790
Aravind30790

Reputation: 992

<div id="slideshow">
<ul id="slides" style="overflow: hidden;">
<li id="content" style="position: absolute; opacity: 1; z-index: 29;">
<li style="position: absolute; opacity: 1; z-index: 30; right: 0px;">
<img src="http://www.pdqmachine.biz/_images/uploads/slide1.jpg" alt="Sea turtle">
</li>
<li style="position: absolute; opacity: 1; z-index: 31; right: 0px;">
<img src="http://www.pdqmachine.biz/_images/uploads/slide2.jpg" alt="Coral Reef">
</li>
<li style="position: absolute; opacity: 1; z-index: 28; right: 0px;">
</ul>
</div>

i have added right:0px to the li

Upvotes: 1

user2401931
user2401931

Reputation:

Try this

#slideshow {
        height: 240px;

        margin-left: -40px;
        position: relative;
        width: 950px;
    }

Upvotes: 0

Related Questions