Background image no repeat

[phpgoal]

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>

[Pawan_Agarwal]

give some css to your html code

[phpgoal]

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?

[Pawan_Agarwal]

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>

[cyberRobot]

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

[madhuvishwakarma]

hi...

This would help you for sure.

 

 

<style type="text/css">

body {
    background-repeat: no-repeat;
    }
</style