mrmark01 Posted July 9, 2011 Share Posted July 9, 2011 Hi folks, This is a really dumb question but I can't figure out the answer... I'm attempting to display an image on a html page using css below is the code CSS #image { background-image:url(images/smallimage.gif) no-repeat; } HTML <div id="image"></div> Basically the image isn't showing on the page... Any help would be greatly appreciated. Thanks, M Quote Link to comment https://forums.phpfreaks.com/topic/241488-css-image-not-displaying/ Share on other sites More sharing options...
wildteen88 Posted July 9, 2011 Share Posted July 9, 2011 Set a width/height to div#image or add some content to the div for the background image to display. Quote Link to comment https://forums.phpfreaks.com/topic/241488-css-image-not-displaying/#findComment-1240496 Share on other sites More sharing options...
guyfish Posted July 17, 2011 Share Posted July 17, 2011 Are you sure that the image and the css are in the same file? If not, please add ... the head of "image". Quote Link to comment https://forums.phpfreaks.com/topic/241488-css-image-not-displaying/#findComment-1243668 Share on other sites More sharing options...
JasonLewis Posted July 17, 2011 Share Posted July 17, 2011 A good way to determine if things are not loading correctly is to use Firebug. You can then inspect the element and it'll show the URL to the background image in the CSS panel. Hover over this, if it loads then everything is good and you probably need to do what wildteen88 has mentioned. Quote Link to comment https://forums.phpfreaks.com/topic/241488-css-image-not-displaying/#findComment-1243745 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.