Images showing up as background but not as img src

Question

This is my first post so please bear with me.

I am working on a WordPress site and came across a problem with my images.

I have a background image in my stylesheet background-image: "images/dummybg.jpg" and that works just fine and shows up

When i go to the index file and try <img src="images/dummybg.jpg"> the image does not show up.

Both the .css and index.php are loose in my folder so their relative paths SHOULD be the same. So my question is, why would one path work and not the other?

Because your image name not correct. **dummyby.jpg** and **dummybg.jpg** — Akim, May 14 '15 at 17:59
`dummyby` vs. `dummybg`, typo here or in your HTML/CSS file? — pavel, May 14 '15 at 18:00
Open up the console in the browser and see if if you get any missing image errors — zgood, May 14 '15 at 18:04
because the reference from your CSS may mai be the same refernce from your HTML (when css is in a subfolder for example) — Mark, May 14 '15 at 18:06
the css is not in a subfolder. it is in the same folder as the index. so their file path should be the same. — Zachary Almero, May 14 '15 at 18:14

Mark · Answer 1 · 2015-05-14T19:00:27.427

3

WordPress has a function to get to your image directory So from your index it would be:

<img src="<?php bloginfo('template_url'); ?>/images/dummybg.jpg">

edited May 14 '15 at 19:00

answered May 14 '15 at 18:08

Mark

6,762
1
33
50

mithun raval · Answer 2 · 2015-05-14T18:57:03.980

1

Have you used image in css. it's automatic get image path.

but if you used in any other file in tag you have must need put whole image path in src attribute.

you need to put current theme path in bellow wordpress function you will get.

get_template_directory();

if you need more details please visit wordpress functions

I am sure it's work for you.

edited May 14 '15 at 18:57

answered May 14 '15 at 18:51

mithun raval

180
3

Images showing up as background but not as img src

2 Answers2