Jump to content
Sign in to follow this  
alexb

Feature Slider - to occupy about 75% of the screen?

Recommended Posts

alexb

Hi guys - afraid the problems with sidebar and slider placement continue: www.alexbulgo.com The text you see on the left is in a sidebar. On the right is the slider. Unofrtunately I cannot get the slider to take up the remaining width of the content area - i.e to start to the right of the sidebar and continue to the edge of the black centre area. The code used to align the sidebnar and slider is as follows: The mystery is: if I have a global width of 960, with a sidebar of 240, a slider of 710 and combined padding of 30 then the entire width of my site should be filled and then some...instead I have about 100px of blank space to the right of the slider that defies filling! One suggestion was that the inline style on

background: url('http://alexbulgo.com/wp-content/uploads/2011/10/Blue7.jpg''>http://alexbulgo.com/wp-content/uploads/2011/10/Blue7.jpg') no-repeat top center; is causing the problem with the fix being: .feature-wrap.wcontent { background: url('http://alexbulgo.com/wp-content/uploads/2011/10/Blue7.jpg''>http://alexbulgo.com/wp-content/uploads/2011/10/Blue7.jpg') no-repeat top right !important; } But since that is specific to the image shown, when I cycle through the feature slider images (assuming I can) the problem will occur for all images other than the one mentioned in the custom code..... Any thoughts please? AB

Share this post


Link to post
Share on other sites
Kate
Hey Alex, I know from yesterday your sidebar still had padding set on it. So, padding plus width equals [i]a larger width[/i]. So, make sure you reset the padding (and margins) of the sidebar. In addition: your first line of CSS is off: [code]#feature_slider div.default-features {float: right; width: 680px;margin-bottom:-100px;} [/code] should be: [code]#feature_slider div.default-features {float: right; width: 710px;margin-bottom:-100px;} [/code]

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×