Li images

HTML & CSS
1

Hello

im making a website in dreamweaver and its not hosted so im sorry i cant show you guys :frowning:

basically im trying to use images for my bullet points
and they are showing up in the design view of dreamweaver but not showing in IE or firefox…in the browsers i just see the default bullet point instead of my images

here is the code im using

CSS:

#box3 {
	margin-top: 20px;
	width:317px;
	margin-left: 20px;
	float:left;
	border-left: 1px solid #fff;
	color:#333;
	height:auto;
}

h1 {
	background: url(images/head.jpg) no-repeat;
	width: 310px;
	height: 40px;
	font-size: 12px;
	padding-left: 25px;
	padding-top: 2px;
	color:#fff;
}

.content{
	padding-left:20px;
	padding-top:10px;
}

.content li {
list-style: url(images/bullet.jpg) no-repeat;
}

html:

<div id="box3"><h1>Topics:</h1>
<div class="content">
<ul>
<li>bullet one</li>
<li>bullet two</li>
<li>bullet three</li>
</ul></div></div>
2

remove “no repeat” from .content li class


.content li {
list-style: url(images/bullet.jpg);
}

vineet

3

Vinpkl is correct, however you might want to consider using background-image instead because of the various vertical places that each browser places a list-image at :slight_smile:

4

i used background-image in the end and got it sorted, thanks :cool: