John, that seems to work great! Thanks for the help :)
On Monday, April 23, 2012 9:14:03 PM UTC-7, John Roberts wrote:
>
> So, it looks like the introduction of the badge is messing with the line
> height because of the font-size of the badge. I am at a loss to identify
> the exact interaction, something is adding one pixel to the height of the
> containing link tag, which offsets the margin-bottom -1px setting of the
> tab by one pixel, which causes the line to be displayed...
>
> Though I can't tell you exactly what's causing it, I can tell you that
> following rule will fix it:
> .nav-tabs > li { margin-bottom: -2px; }
>
> So long as that rule has greater specificity than the bootstrap rule, that
> should do it for you.
>
> On Monday, April 23, 2012 8:58:37 PM UTC-7, Chris Geirman wrote:
>>
>> I'm attaching the two saved pages since I don't have a place to host a
>> CFWheels site yet, but they do demonstrate the problem.
>>
>> Thanks!
>>
>> Chris
>>
>> On Monday, April 23, 2012 10:08:00 AM UTC-7, John Roberts wrote:
>>>
>>> Any way we can see this in action so we can actually look at the CSS
>>> getting applied, instead of just guessing from the image?
>>>
>>> On Friday, April 20, 2012 3:23:07 PM UTC-7, Chris Geirman wrote:
>>>>
>>>> I'm having trouble with the nav-tabs and can't figure out what to do
>>>> next. I have a secondary navigation that I'd like to use badges in. Here's
>>>> a screenshot of what I'm going for (minus the errant line...
>>>>
>>>>
>>>>
>>>> <https://lh3.googleusercontent.com/-Ng42Vu1B8T8/T5HhDegoT3I/AAAAAAAAAGk/BnNErEhX0PA/s1600/nav-tab-example-w-badge.png>
>>>>
>>>> Here's the code so you can see nothing fancy is going on...
>>>>
>>>>
>>>> <https://lh6.googleusercontent.com/-i29kXilLuYk/T5HhUQJzx6I/AAAAAAAAAGw/j_-9cddXChc/s1600/nav-tab-code-w-badge.png>
>>>>
>>>>
>>>> And here's the same screenshot and code, but without the badges (works
>>>> fine)...
>>>>
>>>>
>>>> <https://lh4.googleusercontent.com/-mBtuVFTDMVE/T5HhhxAzPqI/AAAAAAAAAG8/kPZzo9Npxfg/s1600/nav-tab-example-no-badge.png>
>>>>
>>>>
>>>> <https://lh5.googleusercontent.com/-aLUsp9kK-9w/T5HhlnGJr7I/AAAAAAAAAHI/iyGNmkU4b7I/s1600/nav-tab-code-no-badge.png>
>>>>
>>>> Anyone else had this problem and/or know of a solution?
>>>>
>>>> Any help is greatly appreciated, as always!
>>>>
>>>>
>>>>
>>>>
>>>>
