View Single Post
  #5  
Old 02-06-2013, 11:02 AM
Nuncio Nuncio is offline
Kobold


Join Date: Dec 2012
Posts: 140
Default

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.
Last edited by Nuncio; 02-06-2013 at 11:11 AM..