phpgoal Posted August 2, 2013 Share Posted August 2, 2013 Hello, I want to have the sky image take the 100% width. It does take 100% width but picture is repeating. How can I have the image without repeating? <table background="sky.JPG" width ="100%" > <tr><td> test </td></tr> </table> Link to comment https://forums.phpfreaks.com/topic/280768-background-image-no-repeat/ Share on other sites More sharing options...
Pawan_Agarwal Posted August 2, 2013 Share Posted August 2, 2013 give some css to your html code Link to comment https://forums.phpfreaks.com/topic/280768-background-image-no-repeat/#findComment-1443191 Share on other sites More sharing options...
phpgoal Posted August 2, 2013 Author Share Posted August 2, 2013 This is working. #header-wrapper img{ top: 0; left: 0; height: 307px; width: 100%;} <div id="header-wrapper" ><img src="sky.JPG"/> </div> I want to set the sky image in background instead so that i can have other links on the top of the background. Could you please help? Link to comment https://forums.phpfreaks.com/topic/280768-background-image-no-repeat/#findComment-1443198 Share on other sites More sharing options...
Pawan_Agarwal Posted August 2, 2013 Share Posted August 2, 2013 you can put the links and then the <DIV> like this <a></a> <a></a> <a></a> <a></a> <a></a> <DIV>image background</DIV> Link to comment https://forums.phpfreaks.com/topic/280768-background-image-no-repeat/#findComment-1443227 Share on other sites More sharing options...
cyberRobot Posted August 29, 2013 Share Posted August 29, 2013 Instead of using an <img> tag, have you tried using the background-image property: https://developer.mozilla.org/en-US/docs/Web/CSS/background-image Note that you could also utilize the background property: https://developer.mozilla.org/en-US/docs/Web/CSS/background Link to comment https://forums.phpfreaks.com/topic/280768-background-image-no-repeat/#findComment-1447300 Share on other sites More sharing options...
madhuvishwakarma Posted September 12, 2013 Share Posted September 12, 2013 hi... This would help you for sure. <style type="text/css">body { background-repeat: no-repeat; }</style Link to comment https://forums.phpfreaks.com/topic/280768-background-image-no-repeat/#findComment-1449208 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.