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
- 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;
- Add a new style after the above style:
.menu a.last, .menu a:visited.last {border-width:1px;}
HTML CHANGES
- Add class="last" to the last item in each level, for example:
<a href="#nogo" class="last">Contact us</a>
© copyright Stu Nicholls