Hi All
Thanks for the help so far, but I'm still having problems.
http://v4.csatravelprotection.com/csa/linkview.do
I should explain the situation a little better, there are several unordered
lists on the page, a top right nav, a top main nav, and in the body of the
page, there is a navigation element for various travel links. It is the
unordered list in the body that I'm having problems with.
Here is the code (simplified to make it easier to read):
<ul id="rlcategories"><!-- This begins the unordered list -->
<li><a href="..." class="" title="View Links">Adventure Travel</a></li>
<li><a href="..." class="" title="...">Business Travel</a></li>
<li><a href="..." class="" title="...">Cruises</a></li>
<li><a href="..." class="" title="...">Flight Resources</a></li>
<li><a href="..."" title="...">Gay and Lesbian Travel</a></li>
<li><a href="..." class="" title="...">Group Vacations</a></li>
<li><a href="..." class="here" title="...">Hotels and Lodging</a></li>
<li><a href="..." class="" title="...">Insurance Industry</a></li>
<li><a href="..." class="" title="...">International Travel</a></li>
<li><a href="..." class="" title="...">Senior Travel</a></li>
<li><a href="..." class="" title="...">Travel Media</a></li>
<li><a href="..." class="" title="...">Travel Web Sites</a></li>
<li><a href="..." class="" title="...">Travel Agent Resources</a></li>
<li><a href="..." class="" title="...">Timeshares / Resorts</a></li>
<li><a href="..." class="" title="...">Extra Resources</a></li>
</ul>
Here is the css:
This is the bullet that keeps appearing in the nav bar with Internet Explorer 6
#maincontent ul {list-style: disc url(../images/bg-list-bullet.gif)
;padding-left:20px;margin-bottom:10px;}
This is the code for the preferred list layout
#rlcategories {
margin: 5px 0 5px 5px;
padding:0 !important;
float:right;
font-size:10px;
border: 0;
border-top: 1px solid #666;
width: 200px;
list-style:none !important;}
#rlcategories li {list-style:none !important; margin:0; padding:0;
display:block;}
#rlcategories li a {
background: #e4edf1;
padding: 1px 5px;
margin: 0;
color: #666;
text-decoration: none;
display: block;
text-align: center;
font-weight:bold;
border: 1px solid #666;
border-top: none; }
#rlcategories li a:hover, #rlcategories a:active {
background: #9CBCC9;
color:#fff; }
#rlcategories li a.here {
background: #74A2B4;
border: 1px solid #666;
color: #fff; }
This looks fine in Opera and Firefox, IE is the one that continues to show the
list background image bullet.
I noticed the titles on these links are rather extraneous, so I am going to
remove them for accessibility reasons. The page is not valid XHTML at this
time, I will fix that. It's mainly an image tag that isn't closed.
Does anyone have an idea why the background bullets keep appearing on this
navigation bar?
Ted
> I've got this navigation list that looks fine in ff and opera
> but it suffers from a mystery inheritance problem in IE
> I'm using: list-style:none !important; and yet it continues
> to show a bullet in the boxes.
> http://v4.csatravelprotection.com/csa/linkview.do
>
> Does anyone have a suggestion?
>
> thanks
> Ted
Ted-
Did you fix this? I don't see any bullets in your nav list. I'm using IE6 on
Win2K.
Ron Pringle
******************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************
******************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************
