[EMAIL PROTECTED] wrote:
>I have a telescoping menu (controlled by JavaScript). All that works
>wonderfully, but my problem is the links contained in the list. When the
>background for the L2 links changes, it only changes the backgrounds of
>the links. I want the whole 130px width to change it's background.
>
>li.L2, li.L2over {
> list-style:none;
> margin-top:-.25em;
> text-decoration:none;
> width:130px;
>}
> .L2 a, .L2 a:link, .L2 a:visited, .L2 span {
> background:none;
> color:#900;
> height:1.5em;
> line-height:1.5em;
> padding-left:10px;
> text-decoration: none;
> width:130px;
> }
> .L2 a:hover, .L2over span {
> background:none;
> background-color:#900;
> color:#fff;
> cursor:pointer;
> height:1.5em;
> line-height:1.5em;
> padding-left:10px;
> text-decoration: none;
> width:130px;
> }
>
> <li class="L1"><span>My Flagship</a>
> <ul class="hideme" id="myflagship">
> <li class="L2"><a href="blah">My
>Home</a></li>
> <li class="L2"><a href="blah">My
>Loans</a></li>
> <li class="L2"><a href="blah">My
>Tasks</a></li>
> <li class="L2"><a href="blah">My
>Alerts</a></li>
> <li class="L2"><span>My Settings</span>
> <ul class="hideme"
>id="flagshipsettings">
> <li class="L3"><a
>href="blah">Change Password</a></li>
> <li class="L3"><a
>href="blah">User Profile</a></li>
> </ul>
> </li>
> <li class="L2"><a
>href="blah">Training</a></li>
> </ul>
> </li>
>
>
Hi Marc,
It smells like adding { display: block; } to the a's, but I didn't test.
Greetings,
francky
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
