Показать сообщение отдельно
  #3 (permalink)  
Старый 27.06.2011, 16:24
Аватар для cmygeHm
Профессор
Отправить личное сообщение для cmygeHm Посмотреть профиль Найти все сообщения от cmygeHm
 
Регистрация: 12.10.2010
Сообщений: 196

html:
<table cellpadding="0px" cellspacing="0px" class="DbGrid">
<thead>
	<tr>
		<th width="30px">asdf</th>
		<th width="100px">asdf</th>
		<th width="50px">asdf</th>
		<th width="50px">asdfasd</th>
		<th width="50px">asdfasdf</th>
	</tr>
</thead>
<tbody>
	<tr>
		<td><div style="width:30px;">146002</div></td>
		<td><div style="width:100px;">1008 asdf asdfasdf asdfasd fasdf asdfasdf</div></td>
		<td><div style="width:50px;">Севастопольская, 29</div></td>
		<td><div style="width:50px;" class="textAlignRight">610</div></td>
		<td><div style="width:50px;" class="textAlignRight">13</div></td>
	</tr>
</tbody>
</table>

css:
.DbGrid {
    margin-top: 25px;
    font-size: 12px;
    /*border-collapse:collapse;*/
    width: 100%;
    border-top: 1px solid #99BBE8;
    border-left: 1px solid #99BBE8;
    border-right: 1px solid #99BBE8;
    border-bottom: 1px solid #99BBE8;
    
}
.DbGrid thead tr {
    height: 25px;
    background: url("cupertino/images/ui-bg_highlight-soft_100_deedf7_1x100.png") repeat-x scroll 50% 50%;    
}
.DbGrid thead th {
    text-align: center;
    padding-left: 4px;
    padding-right: 4px;
    border-bottom:1px dotted #999;
    border-right: 1px solid #999;
}
.DbGrid thead th:last-child {
    border-right: 0px none;
}
.DbGrid tbody td {
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 4px;
    padding-right: 4px;
    border-bottom:1px solid #D0D2C1;
    border-right: 1px solid #C0C0C0;
}
.DbGrid tbody td:last-child {
    border-right: 0px none;
    /*text-align: center;*/
}
.DbGrid tbody tr:last-child td{
    border-bottom: 0px none;
}

.DbGrid tbody td div{
    width: 100px;
    overflow: hidden;
    white-space: nowrap;
    margin: 0px;
    padding: 0px;
}
.DbGrid tbody td{
    margin: 0px;
    padding: 0px;
}
.textAlignRight {
    text-align: right;
}
.textAlignCenter {
    text-align: center;
}
Ответить с цитированием