Jumpy L2 Nav when using single list item

A place to ask questions and get help. Be the first on your block to post ...

Jumpy L2 Nav when using single list item

Postby rcrisler1 » Thu Jun 23, 2005 3:19 pm

We've noticed a behavior on some browsers when level 2 navigation consisting of single list items is used.

The single list items display one or two pixels higher than lists with multiple items, resulting in a visible 'jumpiness' in the way the level 2 nav line displays as you mouse over the level 1 nav line.

The fix is to add another list item to the single list item.

Before

Code: Select all
        <li class="first"><a href="http://www.adobe.com/acrobat/readstep.html">Download Acrobat Reader</a></li>

After
Code: Select all
        <li class="first"><a href="http://www.adobe.com/acrobat/readstep.html">Download Acrobat Reader</a></li>
        <li class="first">&nbsp;</li>


And yes, the nonbreaking space matters. Only God and Berners-Lee know why.
____


Robert J Crisler
Manager, Internet and Interactive Media
University Communications
321 Canfield Administration Building
University of Nebraska-Lincoln
402-472-9878
rcrisler1
Site Admin
 
Posts: 153
Joined: Wed May 12, 2004 12:20 pm
Location: Lincoln

Return to Help & Assistance

Who is online

Users browsing this forum: Bing [Bot] and 1 guest

cron