PDA

View Full Version : Custom CSS bullet list style not showing in IE6


surfocracy
01-22-2004, 08:16 PM
I am trying to use CSS2 to create a simple navigation list of links using a <ul> tag with a custom style defined containing a graphical bullet.

In the link below, the bullets do not appear in IE6 but do appear in Netscape 6.2. Is there a way of overcoming this?

I am also trying to center the list in the left column and have had great difficulty doing so.

In the past I had used a table for this but would like to move away from too many nested tables.

Please visit:

http://www.test.customerdemo.com/xx-list-problem.htm

I have validated the CSS style sheet.

Thanks

Vince

Josh
01-22-2004, 08:34 PM
I'm guessing it's because IE doesn't support custom list styles.

surfocracy
01-23-2004, 04:28 AM
I doubt this is the case. I am able to redefine the <ul> tag and customise it with graphical bullets.

I noticed that when I visit the page the bullets do appear but as soon as I hover the mouse over it the bullets disappear and do not come back. I am wondering if it is getting confused with the hover style on the link.

Any help would be appreciated, all I am trying to do is create a simple unordered list as my vertical navigation without using a table. I do not know why this is so difficult in IE.

Thanks

Vince

karinne
01-23-2004, 07:46 AM
found it!!! your problem is with your margins.


.verticalnav1 ul li {
margin: 5px 25px 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: left;
}


try that instead. then you can play with the numbers

hth

/added

you can check it here - http://www.karinne.net/check.html

surfocracy
01-23-2004, 08:26 AM
Thanks a lot Karinne!

I have managed to fix it here based in your suggestion http://www.test.customerdemo.com/xx-list-problem-fix1.htm

Can you explain why it did not work in the first place?

I have also noticed that the CSS hover rollover does not underline even though I gave it the underline decoration and have placed the link styles in the correct order (link, hover, visited). Can you see anything obvious?

Thanks
Vince

karinne
01-23-2004, 08:29 AM
actually your order is wrong it's suppose to be

link
visited
hover
active

try that ;)

surfocracy
01-23-2004, 08:43 AM
That's great, thanks a lot for that. Don't know how I missed that one.

Vince

karinne
01-23-2004, 08:49 AM
no problem... glad it worked out for ya