Link to home
Avatar of tonelm54
tonelm54

asked on

background-image:url Not working as should

Good morning,
Ive been playing around tring to get the following CSS statment working, and stuck with the "background-image:url", using the following code, it does not draw my backgroun
.divRoundedTopLeft { width:21px; height:21px; background-image:url('../images/RoundedCorners/topLeft.png'); background-repeat:no-repeat; float:left; }

Open in new window


However if I put the image in the same folder, it works fine:-
.divRoundedTopLeft { width:21px; height:21px; background-image:url('topLeft.png'); background-repeat:no-repeat; float:left; }

Open in new window


If I navigate to http://localhoat/images/RoundedCorners/topLeft.png then I can see my image, so doesnt look like an issue with the folder names and me miss-spelling it.

I dont really want to put the images in the same folder as the file, so is it possible to tell it to goto a folder instead?

Any ideas?

Thank you
ASKER CERTIFIED SOLUTION
Avatar of Dave Baldwin
Dave Baldwin
Flag of United States of America image

Blurred text
THIS SOLUTION IS ONLY AVAILABLE TO MEMBERS.
View this solution by signing up for a free trial.
Members can start a 7-Day free trial and enjoy unlimited access to the platform.
See Pricing Options
Start Free Trial