HTML5 / Web Design Questions

[EchoedTruth]

Originally Posted by Nuncio [You must be logged in to view images. Log in or Register.]

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

.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:

<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.

Thank you for the pointers [You must be logged in to view images. Log in or Register.] ... I'm more aiming to teach myself web design than to have something built for me.