Home/ Questions/Q 8232601
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-07T17:53:15+00:00

I am putting an image within a div which has a background image too.

  • 0

I am putting an image within a div which has a background image too. But only the image itself is appearing, the background image of the parent div is not appearing.

My code:

  <div id="proceedbody" style="background: url(http://www.asifsinan.com/wp-content/uploads/2012/07/please-proceed-image.jpg); background-repeat: no-repeat; line-width:810px; line-height: 718px;"><img id="proceed" style="position: absolute; top:200; left:350;" src="http://www.asifsinan.com/wp-content/uploads/2012/07/please-proceed-matter.png"></div>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    There are several problems with the code, but the one that prevents the background from showing is position: absolute. That way, the img element is taken out of the normal flow of the document, leaving nothing inside the div, so its height will be zero.

    However, if you set dimensions explicitly for the div, then you can have the img absolutely positioned (though it would probably be better, more robust, to set position: relative on the div, so that img “absolute positioning” will be relative to the div). For dimensioning, use the height and width properties.

    The settings top:200; left:350 are ignored by conforming browsers. Use top:200px; left:350px instead.

    • 0