HTML & CSS - background-image:url not showing -


here html, example:

<td class=topleft width=10 height=10></td> 

here css:

td.topleft{     border:0px;     width: 100px;     background-image: url(images/topleft.png);     background-repeat:no-repeat;  } 

the directory structure (starting folder on desktop called site)

site.html

styles.css

/images/topleft.png

note: styles being populated css file otherwise.

i have tried absolute path file:

  background-image:url(file:///c:/users/user/desktop/site/images/topleft.png); 

if put url in browser directly, image reachable , appears.

try using html:

<td class="topleft">&nbsp;</td> <!-- td not empty, inserting blank space --> 

and css:

td.topleft {     border: 0px;     width: 100px;     height: 100px;     background-image: url(images/topleft.png);     background-repeat: no-repeat; } 

verify image file name lower-case, in extension. verify images folder lower-cased too. work?


Comments

Popular posts from this blog

.htaccess - First slash is removed after domain when entering a webpage in the browser -

Automatically create pages in phpfox -

c# - Farseer ContactListener is not working -