MENU BUILDER

SINGLE PIXEL BORDER MODIFICATION

HOW TO ALTER THE STYLESHEET AND HTML TO HAVE A 1 PIXEL BORDER

This menu has been produced using the Menu Builder and modified to have a single pixel between list items.

STYLESHEET CHANGES

  1. Change
    .menu a, .menu a:visited { border: 1px solid #000000;
    to
    .menu a, .menu a:visited { border: 1px solid #000000; border-width:1px 1px 0 1px;
  2. Add a new style after the above style:
    .menu a.last, .menu a:visited.last {border-width:1px;}

HTML CHANGES

  1. Add class="last" to the last item in each level, for example:
    <a href="#nogo" class="last">Contact us</a>

© copyright Stu Nicholls