Img code inside div?

[guytrance]

Hi Guys. I'm trying to inserts an image to represent a div..currently the div just displays a rectangular black shape..i want to put an image instead...i tried a few examples on the web but it didn't go through. the code i want to insert the image to:

<div id="promo" class="promo" style="position: absolute; background-color: #333; width: 100px; height: 100px; top: 195px; left: 893px; z-index: 1000;">			    <!--view-->		    </div><!--promo-->

and the image url:

/wp-content/themes/Tersus/images/piemenu/listen.png

how should i do that the proper way? Thanx for any kind of help.

[eTianbun]

Re-phrase your question with example!

Edited July 27, 2012 by CodeName

[Ingolme]

Are you using an <img> element or the background-image property?

[guytrance]

Are you using an <img> element or the background-image property?

I'm trying to use an image instead of the styled background that the code have... take a look here -> www.tranceil.fm below the logo there is a right click java app that has a rectangular shape, that shape is the div i mentioned above.i want to put an image instead Edited July 27, 2012 by guytrance

[eTianbun]

If you want replace the <div>, then use <img> tag. Ie:

<img src="path-to-image/listen.png" style="...">

[guytrance]

If you want replace the <div>, then use <img> tag. Ie:

<img src="path-to-image/listen.png" style="...">

the div is a trigger for a jQuery plugin..i cant replace it..i need to embed the image inside it

[eTianbun]

Then embed it in! I'm using a mobile browser & i cant realy see the div.

[guytrance]

Then embed it in! I'm using a mobile browser & i cant realy see the div.

I cant! thats the whole point it dosent let me. when i try to embed it with <img src its stays as is and when i try to embed it inside style the whole rectangular disappears. no pic. (and yes the picture is in the folder that it says) this is the code i'm trying

  <div id="promo" class="promo" style=" background-image: url('/wp-content/themes/Tersus/images/piemenu/tunein.png')position: absolute; top: 195px; left: 893px; z-index: 1000;">                <!--view-->            </div><!--promo--> 

[dsonesuk]

<div id="promo" class="promo" style=" background-image: url('/wp-content/themes/Tersus/images/piemenu/tunein.png'); position: absolute; top: 195px; left: 893px; z-index: 1000;"> <!--view--> </div><!--promo-->

[guytrance]

<div id="promo" class="promo" style=" background-image: url('/wp-content/themes/Tersus/images/piemenu/tunein.png'); position: absolute; top: 195px; left: 893px; z-index: 1000;"> <!--view--> </div><!--promo-->

lol...i have no idea how i missed that thanx!!