The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS i can’t get images to work [Solved]

  • This topic is empty.
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
  • #23335

    I’ve been working through Chris’s tutorials on WordPress, as you’ll see from the site, but I can’t get the img tag to work. In the beginning, I thought it might be the fact that it was an anchor link, but that doesn’t seem to be the case either.

    I know it sounds like a complete noob question, and I’ll live with that mantle but I just need other eyes looking at it.

    <img src="/images/benefit_banner.png">

    That should be the left side bar image. I know that the link should be right, because I can get the image to show up as a background image css, but I can’t get the images to show from the html side.

    Thanks in advance everyone.



    I’m not sure what it could be but it should have a closing backslash ” and an alt property:

    <img src="/images/benefit_banner.png" alt="benefit banner" />

    Depends on your DOCTYPE but this might be the cause.

    Let me know what you come up with!

    Whaleo :)


    Whaleo, thanks for the response. I had an alt tag, but it was the only thing showing up. I’ve put it back in, as you can see… still the only thing you can see.

    I don’t know a whole lot about doctype. Shouldn’t that have been covered by wordpress?


    I agree with box. When you go to view the image in FF you get a 404 error indicating it can’t be found. You most likely FTP’d the image with a different name. Either that, or take out the opening forward slash in your relative url. ie the url would be "images/benefit_banner.png".


    I saw that too, I’ve been playing with this for days.

    Here’s the thing. I tried to remove the slash, no go, but here’s the other thing. If you check the site again, the image is there. It’s set as a background image though in css.

    code is this:

    #event-banner {width: 190px; height: 500px; background: url(images/benefit_banner.png) ; border: 1px solid black;}

    Doesn’t that mean it has to be in the right place?


    Thanks, cybershot. That did it. It turns out that I have multiple domains hosted on this server. I didn’t realize that, when I signed up, it would cause that type of confusion otherwise, I’d have made this site the main one.

    Take care guys. Thanks so much for all the suggestions.


    If this is an image you want shown in your WordPress theme you can easily have it should but you need to have a direct path to it if your storing it in your themes images folder. So your img url would be:

    Code: … /image.gif.


Viewing 7 posts - 1 through 7 (of 7 total)
  • The forum ‘CSS’ is closed to new topics and replies.