Lost in Css

rodmcleay · May 10th, 2007, 09:57 PM

Hi all,
I am trying to get a particular style to apply to an unordered list.
I would appreciate any assistance with this at all.
this is my list

Code:

[list]<li class="current"><a href="/about-us.aspx">   About us</a>
    [list]
        <li><a href="/about-us/board-members.aspx">   Board Members</a></li>
        <li><a href="/about-us/news--events.aspx">   News &amp; Events</a>
        [list]</ul>
        </li>
    </ul>
    </li>
</UL>

This is my css

Code:

.current {  /**/
        border-bottom: 0px solid #DF6B18;
        border-right: 1px solid #B65417;
        /*background: #DF6B18 url(/media/232/liselected.gif) repeat-y top left;*/
        background: black;
        display: block;
        color: green;
        }

The background is applied as required, but the fore color of the text does not.

Any assistance will be greatly appreciated

======================================
"They say, best men are molded out of faults,
And, for the most, become much more the better
For being a little bad."
--Shakespeare
======================================

dparsons · May 10th, 2007, 10:43 PM

Do you have an Anchor style that is overriding your List style? Personally I use something like this when I create a List style menu:

ul.Nav
{
    list-style: none;
    padding: 0;
    margin: 0;
}

li.Nav
{
    float:left;
    margin: 1,1,0,1;
}

a.Nav:link
{
    background-color:#ffffff;
    height: 2em;
    line-height: 2em;
    float: left;
    width: 9em;
    display: block;
    border: 0.1em solid #dcdce9;
    color: #0d2474;
    text-decoration: none;
    text-align: center;
}

a.Nav:visited
{
    background-color:#ffffff;
    height: 2em;
    line-height: 2em;
    float: left;
    width: 9em;
    display: block;
    border: 0.1em solid #dcdce9;
    color: #0d2474;
    text-decoration: none;
    text-align: center;
}

a.Nav:hover
{
    background-color:#ffffff;
    height: 2em;
    line-height: 2em;
    float: left;
    width: 9em;
    display: block;
    border: 0.1em solid #dcdce9;
    color: #0d2474;
    text-decoration: underline;
    text-align: center;
}

so my code might be:

<ul class=nav>
<li class=nav><a href="#" class=nav>foo</a>
<li class=nav><a href="#" class=nav>foo2</a>
</ul>

hth

================================================== =========
Read this if you want to know how to get a correct reply for your question:
http://www.catb.org/~esr/faqs/smart-questions.html
================================================== =========
Technical Editor for: Professional Search Engine Optimization with ASP.NET
http://www.wiley.com/WileyCDA/WileyT...470131470.html
================================================== =========
Why can't Programmers, program??
http://www.codinghorror.com/blog/archives/000781.html
================================================== =========

rodmcleay · May 10th, 2007, 11:59 PM

Thanks Doug,
You are a legend, that worked a treat.

======================================
"They say, best men are molded out of faults,
And, for the most, become much more the better
For being a little bad."
--Shakespeare
======================================

dparsons · May 11th, 2007, 05:06 AM

Naw, not a Legend but I am glad it worked for you^^

================================================== =========
Read this if you want to know how to get a correct reply for your question:
http://www.catb.org/~esr/faqs/smart-questions.html
================================================== =========
Technical Editor for: Professional Search Engine Optimization with ASP.NET
http://www.wiley.com/WileyCDA/WileyT...470131470.html
================================================== =========
Why can't Programmers, program??
http://www.codinghorror.com/blog/archives/000781.html
================================================== =========