Код:
/*меню с вкладками на портале*/
/* весь блок меню */
#page-but {
width: 100%; /* ширина */
height: 250px; /* высота */
background: #dee3e7 url(http://illiweb.com/fa/empty.gif) center repeat; /* цвет фона и фоновая картинка */
margin: 0 auto;
}
/* блок с кнопками */
#but-menu {
float:left;
width: 100px; /* ширина */
}
/* блок с контентом для вкладок */
#but-content {
float:right;
margin-left: 100px; /* отступ слева на ширину блока с кнопками */
height: 250px; /* высота */
width: 90%; /* ширина */
background: #D5C6C6 url(http://illiweb.com/fa/empty.gif) center repeat; /* цвет фона и фоновая картинка */
margin: 0;
}
/* все скрытые блоки с контентом после первого */
#tb2, #tb3, #tb4, #tb5 {
display: none;
}
/* кнопки слева */
#but-menu .button {
cursor: pointer;
width: 100px; /* ширина */
height: 30px; /* высота */
line-height: 30px; /* равно высоте (!) кнопки */
background-color: #C0C0C0; /* цвет фона */
margin: 5px auto;
font-size: 11px; /* размер надписей */
text-align: center;
}
/* содержимое вкладок */
div.but {
max-height: 375px; /* максимальная высота */
overflow: hidden; /* все, что не влезает в блок будет скрыто */
padding: 5px;
margin: 5px;
font-size: 11px; /* размер текста */
text-align: left; /* выравнивание текста */
border: 1px dashed #fff; /* пунктирная обводка */
background: #dee3e7 url(http://illiweb.com/fa/empty.gif) center repeat; /* цвет фона и фоновая картинка */
}