Links can be done with graphics Add a space After link

| Or links can be like this | With divider bars | Not displayed |

3 Column, Fixed Left & Right, Middle Resizes

This is an accessible three column layout that differs from others commonly found on the web in that it uses all relative units and the second and third columns do not wrap if they are longer than the preceding column. The right and the left columns are used for link lists, where the order in which the link lists appears is largely irrelevant. This is because the column that displays as the third one is actually before the second column in the code and is floated right. If the order was important, this would be a problem in browsers where the stylesheets were turned off. The right and left columns are of fixed size and text inside the columns that exceeds that size is wrapped. The middle column resizes. This layout is nice because it uses span tags for the links in the left and right columns. These spans have the display property set to block so they are on seperate lines when viewed with stylesheets. Without stylesheets (as when viewed with Netscape 4.x), the links form two rows at the top. This is a more natural and efficient layout than if divs were used, because it doesn't force the user to scroll down because of 2 thin lists of links..


.fakediv {
display:block;
padding:.2em;
margin:.2em;
}

.nodisplay {
display: none;
}

#leftmenu {
float: left; width: 10em;
}

#maincenter {
margin-left:11em; margin-right:11em;;
}

#rightmenu {
float: right; width: 10em;
}

.borderblock {
border:.08em solid #000000; padding:1em;
}

body {
padding:1em;margin:0em;
}