Hi, I’m new here, hello
I am trying to get a background image to display on www.garrybeddoesphotography.co.uk
The CSS is body {
background-image: url(‘…/images/backdrop.jpg’)
background-repeat: repeat;
color: #BBB;}
The css file is colour.css
and I can see the image if I point the browser to it so can’t understand why it doesn’t display. Previous to this I had a light purple background body which worked fine so I am a little lost.
TIA, John
you seem to have added an extra period.
change your rule to :
background-image: url('../images/backdrop.jpg')
background-repeat: repeat;
color: #BBB;}
hope that helps
It didn’t, though thanks for spotting the error I made. I’ve tried placing the image inside the css folder url(‘backdrop.jpg’) and also the full website url, but neither of them worked either.
Currently, your CSS is invalid. The ‘background-image’ and the ‘background-repeat’ are not delimited (by a semi-colon).
Using Google Developer Tools it shows the browser interpreting a single (invalid) line as
background-image: url('.../images/backdrop.jpg') background-repeat: repeat;
ugh… i should have seen that! (too sleepy)
nice catch ParkinT
Yes, I should have spotted that. Many thanks for your help, it’s working now. Thanks to Dresden too.
John