jonathancraddock.com
Hiking Recipes Photography Blog
  
Redesign of Menu   ( jonathancraddock.com http://jonathancraddock.com/images/M_images/arrow.png History  )
Tuesday, 17 November 2009 23:00

Redesigned left menu and altered DIVs to make their behaviour more predictable. Also re-sequenced page, so I hope "body" should now load before the "menu" and "twitter" DIVs in the left sidebar. I am still feeling amazed by the level of control from a few simple lines of CSS. I wanted a slight gap in the left menu, to show there's something significant about the "Blog" menu item. Hadn't realised I could get right down to each individual menu item and alter their display parameters. Add a renewed love of CSS to my admiration of the Firebug addon!

/* Inserts a separator gap into the left menu bar, below blog */
#left li.item53 {
    margin-top: 20px;
}

/* Adjusts display of items in Blog drop-down menu */
#left li.item60, #left li.item61, #left li.item62, #left li.item64 {
    width: 288px;
    BORDER-top: 0px;
}

It's almost too easy! Maybe adding a page footer should be next on my list.

 
 

Twitter Updates

    Follow me!