css style vs html <div style

[jwcane]

My css has a background style with non-repeating image, that works fine:

.HeaderImg1b {

background-image: url("/photodesign/images/pgHeader-1b.jpg");

background-repeat:no-repeat;

}

To create that image on the fly, the <div style tag is more convenient, as in:

<div

style="background: url(/photodesign/images/pgHeader-1b.jpg)>"

</div>

This latter code has some error that is preventing the image from being rendered.

Have also tried adding quotes inside parens with and without the outer set of quotes, and no quotes. Behavior is unchanged.

Would appreciate an idea of what is wrong.

[davej]

The relative addressing could be an issue if your external css file is in a different folder. Also note that in one case you have background and in the other you have background-image.

[jwcane]

Changed to Background-Image, with no change in results.

[davej]

Try just creating a class and a style in the head for that div rather than inline.

[dsonesuk]

<div

style="background: url(/photodesign/images/pgHeader-1b.jpg)>"

</div>

should be

<div style="background-image: url(/photodesign/images/pgHeader-1b.jpg);">

</div>

and it does help to set the height, else it will 0 height, and WILL show nadder.

Edited June 14, 2014 by dsonesuk