Please note, this is a STATIC archive of website www.cssplay.co.uk from 19 Oct 2016, cach3.com does not collect or store any user information, there is no "phishing" involved.

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