Question

У вигляді матеріалу ( бодуля новин) в мене  текст і кнопка зміщена в центр, а потрібно щоб текст вирівнювався по верхноьму лівому углу а кнопка прижималась вниз ( кнопка "читати далі"), на одній лінії з картинкою новини.
Ось код вид матеріалу:

<div class="cell_news opacity"> 
 <div class="layer2"><h2><a href="$ENTRY_URL$">$TITLE$</a> 
 <ul class="news_statistics"> 
 <li><span>$READS$</span><img src="http://center-dm.ru/ucoz/vid_news/v2/ico_Eye.png" alt="просмотров"></li> 
 <li><span>$COMMENTS_NUM$</span><img src="http://center-dm.ru/ucoz/vid_news/v2/ico_comment.png" alt="комментарий"></li> 
 <?if($MODER_PANEL$)?><li>$MODER_PANEL$</li><?endif?> 
 </ul> 
 </h2>
 
 </div>
 <table width="100%">
 <tr>
 

 <td width="350px"><a href="$ENTRY_URL$" class="news_img"><?if($IMG_SMALL_URL1$)?><img src="$IMG_SMALL_URL1$"><?else><?if($IMG_URL1$)?><img src="$IMG_URL1$"><?endif?><?endif?></a> 
 <div class="fc2">$CATEGORY_NAME$</div> </td>
 <td height-max="50px"> <font style="color: rgb(169, 169, 169); "><font size="11" style="font-size: 11pt; ">$MESSAGE$</font></font>
 <a href="" class="knopka">Читати далі..</a>
 </td>
 </tr>
</table> 

 
 </div>

<style>
.layer2 {
 margin-left:-1.5%; /* Отступ слева */
</style>

Ось ксс

 

/* Вид новостей для uCoz v2 
------------------------------------------*/ 

a.knopka {
 

 display: inline-block;
 height:20px;
 width:750px;
 text-align:center;

 

 font-size: 21px;

 color: rgba(255,255,255,.6);
 text-decoration:none ; /* убирать подчёркивание у ссылок */
 user-select: none; /* убирать выделение текста */
 background: #E9E5E5; /* фон кнопки */
 padding: .7em 1.5em; /* отступ от текста */
 outline: none; /* убирать контур в Mozilla */
 text-shadow: 0px 0px #81b752; 
 width:720px; 

} 
a.knopka:hover { background: #fc3; } /* при наведении курсора мышки */
a.knopka:active { background: rgb(152,15,0); } /* при нажатии */

.cell_news { 
 float:left; 
 width:1120px; 
 margin-bottom: 15px; 
 overflow:hidden; 
 background: #fff; 
 font:11px Verdana,Arial,Helvetica, sans-serif; 
 text-shadow: 1px 1px 1px #fff; 
 color:#888; 
} 

.cell_news h2 { 
 margin:0; 
 float:left; 
 width:1120px; 
 background:#E9E5E5; 
 padding: 7px 20px; 
 font: 125% Verdana,Arial,Helvetica, sans-serif; 
 font-weight: 700; 
} 

.news_img img { 
 width:320px; 
 height:150px; 
} 

 

.news_statistics{ 
 float:right; 
 margin:0; 
 padding: 0; 
 margin-right: -2px; 
 list-style:none; 
 border-left: 1px solid #d1d1d1; 

} 

.news_statistics li { 
 float:left; 
 height:15px; 
 padding: 0px 8px 1px 8px; 
 border-right: 1px solid #d1d1d1; 
 border-left: 1px solid #fff; 
} 

.news_statistics span{ 
 float:left; 
 margin: 0px 5px 0px 0px; 
} 

.opacity a:hover img {filter: progid: DXImageTransform.Microsoft.Alpha(opacity=85); -moz-opacity: 0.7; opacity: 0.7; filter: alpha(opacity=85);}

 

Answer 1

Чтобы текст сообщения был в правом верхнем углу вставьте следующий значение valign="top" к ячейке с выводом текста:

<td height-max="50px" valign="top">