You'd make .button, define its size, bg color and text.
Make a .topbar, define it's width and height.
You'd div the buttons inside the .topbar div.
taken from the other single page css/html thing I posted for you in the other thread.
I defined the box called lef1, and the buttons in the style area
HTML Code:
.left1 {
border: 0px solid black;
float: left;
width: 170px;
text-align: center;
height: 306px;
background-color: red;
color: black;
background-position: center center;
direction: ltr;
font-family: Arial,"Microsoft Sans Serif",sans-serif;
font-size: normal;
font-stretch: normal;
font-style: normal;
font-variant: normal;
}
.button {
border: 1px solid black;
margin: 5px;
float: center;
width: 159px;
text-align: center;
background-color: red;
color: black;
height: 35px;
background-position: center center;
direction: ltr;
font-family: Arial,"Microsoft Sans Serif",sans-serif;
font-size: large;
font-stretch: normal;
font-style: normal;
font-variant: normal;
vertical-align:text-bottom
-moz-border-radius: 7px;
border-radius: 7px;
}
Then I stuffed the buttons into that div here:
HTML Code:
<div class="left1">
<div class="button">
button 1
</div>
<div class="button">
button 2
</div>
<div class="button">
button 3
</div>
<div class="button">
button 4
</div>
<div class="button">
button 5687565
</div>
</div>
Pay me and I'll build the site for you.