Forums

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
    Posts
  • #23335
    BillyMo
    Participant

    I’ve been working through Chris’s tutorials on WordPress, as you’ll see from the site http://www.whatkindareyou.com, 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.

    Quote:
    <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.

    #50206
    whaleo
    Member

    Hi!

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

    Quote:
    <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 :)

    #50207
    BillyMo
    Participant

    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?

    #50199
    Spunkmeyer
    Member

    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".

    #50191
    BillyMo
    Participant

    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:

    Quote:
    #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?

    #50193
    BillyMo
    Participant

    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.

    #50018
    cssgirl
    Participant

    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:
    http://yoururl.com/wp-content/themes/yo … /image.gif.

    :)

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