If this is your first visit, be sure to
check out the FAQ by clicking the
link above. You may have to register
before you can post: click the register link above to proceed. To start viewing messages,
select the forum that you want to visit from the selection below.

It's a little hard to tell you exactly what it should be given I have no idea where these images are on your server (or in relation to the page they are on). But it's possible the intended code would be:

Code:

background-image: url("../images/iphone_16x16.png");

And please note there are 2 lines like this in your CSS. Both (all) should be corrected.

I'm a bit unclear on your last post... what's the status of your problem, resolved or no?

Your HTML was fine... it was just those 2 lines of CSS that I noticed were invalid (and seemed to be corrected now). If it's still not working then my guess is it depends on where those images are stored. You can actually debug the CSS itself to see if the images are being linked correctly.

If your right-click the icon's <span> tag in your browser and select 'Inspect Element' you can view the CSS associated with it in your browser's developer console. Here you should see the background-image property as well as the url it's linking to. You can click the URL to see if it is properly linked to an actual image or not.

Moving on, I'm not sure why I missed it before but your CSS doesn't seem to match the elements in your HTML in regard to the images. You are references two classes (ui-icon-phone and ui-icon-mail) which don't actually exist, thus those background images are not being applied to anything. Aside from that, if you were to add those classes to elements on your page you should set the actual width and height and would still need to set a display of block or inline-block as well as set an empty content string in order to get background images working on a :before or :after selector. For example: