Lisa,
> On Feb 28, 2012, at 8:23 PM, Lisa Frost wrote:
>
>> Hi I have a simple menu list like this:
>>
>>
>>
>> <div id="topmenu">
>>
>> <ul>
>>
>> <li><a href="#"><strong>Home</strong></a></li>
>>
>> <li><a href="#"><strong>Flight Diary</strong></a></li>
>>
>> <li class="last"><a href="#"><strong>Contact Us</strong></a></li>
>>
>> </ul>
>>
>> </div>
>>
>>
>>
>> The css for the li is this:
>>
>>
>>
>> #topmenu li {
>>
>> float: left;
>>
>> list-style: none;
>>
>> display: inline;
>>
>> margin: 0;
>>
>> padding: 0 40px 3px 10px;
>>
>> }
>>
>>
>> I want the last item the contact us link to have different padding so
>> i added this to the style sheet:
>>
>>
>> .last {
>> padding: 0 10px 3px 10px;
>> }
>>
>> But its obviously not specific enough.
>>
>> How do i target that specific link. It has to be css that is supported
>> by older browsers.
>>
>> Thanks
>>
>> Lisa
>> ______________________________________________________________________
>
> Have you tried:
>
> #topmenu .last {padding: 0 10px 3px 10px;}
>
> Rory
>
Rory's suggestion should work. You could drop all the <strong></strong> tags as
well and put those in your style sheet.
#topmenu li a { text-weight: bold; }
Thats more than what your asking for, just my suggestion.
Eric
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
