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
CSS

Avatar of undefined
Last Comment
Dave Baldwin

8/22/2022 - Mon
ASKER CERTIFIED SOLUTION
Dave Baldwin

Log in or sign up to see answer
Become an EE member today7-DAY FREE TRIAL
Members can start a 7-Day Free trial then enjoy unlimited access to the platform
Sign up - Free for 7 days
or
Learn why we charge membership fees
We get it - no one likes a content blocker. Take one extra minute and find out why we block content.
Not exactly the question you had in mind?
Sign up for an EE membership and get your own personalized solution. With an EE membership, you can ask unlimited troubleshooting, research, or opinion questions.
ask a question
All of life is about relationships, and EE has made a viirtual community a real community. It lifts everyone's boat
William Peck