3 replies [Last post]
dumb bunny
Offline
newbie
Last seen: 12 years 51 weeks ago
Joined: 2008-09-23
Posts: 3
Points: 0

Hi,

I'm hoping that someone here can help me solve a problem that's driving me crazy. I've created a site with a vertical navigation using UL/LI tags. The site looks fine on my desktop, and it looks fine in my test directory, but when I copied the files to the main directory, for some unknown reason, some of the pages now display the list bullet to the left of the nav column. This only happens in IE6, it works fine in FF. And it appears to happen only in pages where the content is shorter than the nav column. I tried to copy the nav column code from a good page to a problem page, and the bullets showed up again. The pages all use the same css file so that's not it. Any suggestions on what I should be checking? I've been staring at this for over 4 hrs now, and can't figure out what it possibly could be.

test directory: www.bcerc.org/NewSite/
main directory: www.bcerc.org

Thanks in advance,

--kaya

meandcat
meandcat's picture
Offline
Regular
Last seen: 11 years 51 weeks ago
Timezone: GMT+1
Joined: 2007-03-14
Posts: 33
Points: 1

about the list

hi, when I check your css I saw you give the style for all the list

ul{
list-style-image:url(images/dkgreen_listbullet.gif);
list-style-type:square;
}

Which I dont think it's a good idea.

I think what you should do is remove the style in ul e.g

ul{ list-style-type:none;}

and give a style to the list which you want to e.g

ul.style01, ul.style01 li{
list-style-image:url(images/dkgreen_listbullet.gif);
padding-right:10px;
}
 
<ul class="style01">
<li>text 01</li>
<li>text 02</li>
</ul>

Try this see if it works.

p.s when you want to use a image as start of the list. I think you should set the list-style-type:none;

Good luck.

dumb bunny
Offline
newbie
Last seen: 12 years 51 weeks ago
Joined: 2008-09-23
Posts: 3
Points: 0

Thanks for your comments. I

Thanks for your comments. I will rethink my ul code but that won't solve my current problem of having bullets show on some of my pages.
The navigation column is wrapped in a div tag, navTable, and the ul for that div is defined as

#navTable ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	border-top: 1px solid #6CCCDE;
}

So the links in the menu should not have a bullet. And again, all pages use the same css file, but only some of hte pages show the bullets, which, btw, disappear if I increase the browser text-size from Medium to Larger.

dumb bunny
Offline
newbie
Last seen: 12 years 51 weeks ago
Joined: 2008-09-23
Posts: 3
Points: 0

resolved

Someone suggested that I use list-style-image to modify the li tag rather than the ul tag, which seems to have done the trick. Thanks.