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> Quote Link to comment 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 Quote Link to comment 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? Quote Link to comment 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> Quote Link to comment 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 Quote Link to comment 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 Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.