I have a menu set up on my eBay AboutMe page.

This is the Style that I have:

a.white { color: #FFFFFF; text-decoration: none; font-weight:bold }
a.white:link { color: #FFFFFF}
a.white:visited { color: #FFFFFF}
a.white:hover { color: #FFFFFF}
a.white:active { color: #FFFFFF}

I works fine on the second line of my menu (which links to external pages) but the first line of the menu links to bookmarks on the current page.

<td class="td5"><a class="white" href="#AboutMe">About Me</a></td>
<td class="td5"><a class="white" href="#CJMGraphics">About CJM Graphics & Photo Restoration</a></td>
<td class="td5"><a class="white" href="#Payments">Payments</a></td>
<td class="td5"><a class="white" href="#Policies">Policies</a></td>
<td class="td5"><a class="white" href="#Communications">Communications</a></td>

The problem is that the '#' seems to be overriding the Style instruction and the default color disappears in the the background that I am using.

This doesn't happen in Netscape or Firefox but it does happen in IE 6.

Any thoughts....


Terry Migliorino
[email protected]

I'm not too familiar with eBay, but I think "your" page is just a part of "their" page, is that right? If so, maybe their style rules override yours.

Could you show the page? Would make it easier to trouble shoot.

--
http://yupapa.com

If it is the case that the styles are being overridden then using the !important rule could be a solution. http://www.w3.org/TR/REC-CSS2/cascad...mportant-rules

Incidentally try to avoid class names that are descriptive of style i.e. class="whiteBold" and try to make them descriptive of the class function i.e. class="menu".