[TriLUG] CSS question

[Brian McCullough]

On Tue, Jan 24, 2012 at 04:29:35PM -0500, Zac Durham wrote:
> Putting each menu item inside its own div? Wow. No wonder you have a
> headache. 
> 
> Never fear the unordered list and a little CSS.

Unfortunately, switching to the unordered list did not change the display.  The first menu item in the second menu is still indented more than the others.

More details:

OK, I still have the outermost Div for each menu, so there are three Divs still at that level, but I replaced the set of "menu item" Divs with a UL inside the Div, with a list of LIs inside that.  Something like:


Div
  UL
    LI
    LI
    LI
    LI
    LI
    LI
Div
  UL
    LI
    LI
    LI
    LI
    LI
    LI
Div
  UL
    LI
    LI
    LI
    LI
    LI
    LI


The Divs have some Show/Hide JS code involved which can hide that section of the menu, if the user is not interested. ( applies CSS Visibility )


I will prepare a copy of the source ( both HTML and CSS ) that is involved.


Brian