Jump to content
Sign in to follow this  
jeanpierrebiasyahoofr

problem with my background in spotlight

Recommended Posts

jeanpierrebiasyahoofr

Hello I have a problem with my background in spotlight. For computer of 15 inches screen I don??™t have a any problem visualizing the site but with computer of 17 inches my background repeats itself I would like my background not to repeat with any screen size, I want it to appear the same. Do you have any idea ? You can look at the background image with 15 inches screen computer 20iui5k.png with 17 inches screen computer 25ow3rp.png This is the CSS code I used for this problem : #spotlight .effect { background: url("http://www.nexlines.com/wp-content/uploads/2011/03/bannernexlines1.png'>http://www.nexlines.com/wp-content/uploads/2011/03/bannernexlines1.png") background-repeat: no-repeat; width: 100%; } //no-repeat-x scroll right top; #spotlight { background: url("http://www.nexlines.com/wp-content/uploads/2011/03/bannernexlines1.png'>http://www.nexlines.com/wp-content/uploads/2011/03/bannernexlines1.png") background-repeat: no-repeat; width: 100%; } //no-repeat-x scroll right top;

Share this post


Link to post
Share on other sites
bryan-hadaway

Not sure why you have both, but try this instead: ` #spotlight .effect { background: url(http://www.nexlines.com/wp-content/uploads/2011/03/bannernexlines1.png'>http://www.nexlines.com/wp-content/uploads/2011/03/bannernexlines1.png) no-repeat; width: 100%; } //no-repeat-x scroll right top; #spotlight { background: url(http://www.nexlines.com/wp-content/uploads/2011/03/bannernexlines1.png'>http://www.nexlines.com/wp-content/uploads/2011/03/bannernexlines1.png) no-repeat; width: 100%; } //no-repeat-x scroll right top; ` Thanks, Bryan

Share this post


Link to post
Share on other sites
jeanpierrebiasyahoofr

Thank you for your answer; here's the result when i put your code with 15 inches screen computer without " width 100% " I have a tape that appears to the left glass! n2l9fl.png with 17 inches screen computer without " width 100% " 9j3c4h.png with 17 and 15 inches screen computer with " width 100% " i have a bug, the result is the same except that the content of feature disappears thanks anyway;

Share this post


Link to post
Share on other sites
jeanpierrebiasyahoofr

I regret that my image is too large, i give you the link. Thank you for your answer; here's the result when i put your code with 15 inches screen computer without " width 100% " I have a tape that appears to the left glass! n2l9fl.png with 17 inches screen computer without " width 100% " 9j3c4h.png with 17 and 15 inches screen computer with " width 100% " i have a bug, the result is the same except that the content of feature disappears thanks anyway;

Share this post


Link to post
Share on other sites
cmunns

Why is the background for `#spotlight` set to no-repeat. This is going to cause the image to not tile and thus you'll see the green from an underlying stylesheet. And of course the image alone will only go 100% of the size of the image itself. It won't stretch dynamically.

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  

×