i am working on a site for someone and i am using CSS and PHP to make it.
when i test my CSS code on my computer it is fine and i did the W3C validation thing and it was fine but when i upload it to a lycos (just for testing) the bullet point in my lists are ment to be little image but there not showing up.
this is the CSS part i am using;
#list li {
list-style-image: url("img_blue/bullet.gif");
}
#list span {
font:normal 10px Verdana, Arial, Helvetica, sans-serif;
color:#000000;
}
and this is what the HTML looks like;
<ul id="list">
<li> <span>Crime</span></li>
<li> <span>Education</span></li>
<li> <span>Employment</span></li>
<li> <span>Health</span></li>
<li> <span>Living Environment</span></li>
</ul>
i uploaded it to my free host so you can look there;
<!-- m --><a class="postlink" href="http://members.lycos.co.uk/chris9902/">http://members.lycos.co.uk/chris9902/</a><!-- m -->
thanks for any help.
It looks like you didn't upload the image (at least not to the right spot): <!-- m --><a class="postlink" href="http://members.lycos.co.uk/chris9902/img_blue/bullet.gifi">http://members.lycos.co.uk/chris9902/im ... ullet.gifi</a><!-- m --> see what has happened
is it a .GIF file and not a .gif file
hehe... That's why use all lowercase for my directory names/filenames/extentions yeah but all my other gif files i made in ulead but the bullets i made in paint so it did that.
and i got the CSS change thing working good now, now i can work on the flash for the site and finishing the layout.
when i test my CSS code on my computer it is fine and i did the W3C validation thing and it was fine but when i upload it to a lycos (just for testing) the bullet point in my lists are ment to be little image but there not showing up.
this is the CSS part i am using;
#list li {
list-style-image: url("img_blue/bullet.gif");
}
#list span {
font:normal 10px Verdana, Arial, Helvetica, sans-serif;
color:#000000;
}
and this is what the HTML looks like;
<ul id="list">
<li> <span>Crime</span></li>
<li> <span>Education</span></li>
<li> <span>Employment</span></li>
<li> <span>Health</span></li>
<li> <span>Living Environment</span></li>
</ul>
i uploaded it to my free host so you can look there;
<!-- m --><a class="postlink" href="http://members.lycos.co.uk/chris9902/">http://members.lycos.co.uk/chris9902/</a><!-- m -->
thanks for any help.
It looks like you didn't upload the image (at least not to the right spot): <!-- m --><a class="postlink" href="http://members.lycos.co.uk/chris9902/img_blue/bullet.gifi">http://members.lycos.co.uk/chris9902/im ... ullet.gifi</a><!-- m --> see what has happenedis it a .GIF file and not a .gif file
hehe... That's why use all lowercase for my directory names/filenames/extentions yeah but all my other gif files i made in ulead but the bullets i made in paint so it did that.and i got the CSS change thing working good now, now i can work on the flash for the site and finishing the layout.