На форуме InfoScript.ru вы можете: задать вопросы по php, вопросы по javascript, вопросы по системе uCoz, заказать графику для вашего сайта и просто пообщаться с хорошими людьми
Страница 1 из 11
Модератор форума: frenkmalcov, sold93 
Форум вебмастера » Основной раздел » Вопросы по HTML » Вид новостей (Таблицы)
Вид новостей (Таблицы)
LexaBLR Дата: Среда, 05.06.2013, 00:12 | Сообщение # 1
Offline
Супер чел
Проверенные
Сообщений:287
Награды:3
Замечания:0%
Репутация
57
Такое дело! В общем у меня в виде новостей выезжает фон и кнопка like
Как исправить чтобы она оставалась на месте?

Скрин:


Код:

Код
<style>
.block_title2 {overflow:hidden; padding:0px 0px 8px 5px; margin:-2px 0 0 0; font-weight:Arial; color:#7e929a;}
.block_full {width:346px; height:328px; padding:4px 0px 0px 0px; margin:0 0 10px 0; border:3px solid #99958c; background:#eee; border-radius:4px;  
  -moz-border-radius:4px;  
  -webkit-border-radius:4px;  
  box-shadow:0px 6px 12px -7px rgba(0, 0, 0, 0.6);  
  -moz-box-shadow:0px 6px 12px -7px rgba(0, 0, 0, 0.6);  
  -webkit-box-shadow:0px 6px 12px -7px rgba(0, 0, 0, 0.6);}
.block_cont {height:107px; border-top:1px solid #808080;}
.block_c_in {height:106px; overflow:hidden; background:#eee; font-size: 20px;}  
.block_detail {width:14px; height:11px;}  
.viewn_detail2 {width:334px; height:11px; font-size: 11px; border-top:1px solid #d2d2d2; padding:2px 6px; overflow:hidden; color:#9f9f9f; text-align:left; background:#eee; valign: bottom;  
  border-radius:0px 0px 2px 2px;  
  -moz-border-radius:0px 0px 2px 2px;  
  -webkit-border-radius:0px 0px 2px 2px;}
.viewn_detail2 a {color:#9f9f9f; text-decoration:none;}
.viewn_detail2 a:hover {text-decoration:underline;}
.viewn_detail3 {width:160px; height:11px; font-size: 11px; padding:2px 2px; overflow:hidden; color:#9f9f9f; valign: bottom; margin:-15px 0px 0px 179px;}  
.viewn_title { margin:0; overflow:hidden; font-weight:bold; font-size:12px; color:#7e929a;}
.viewn_title a {color:#7e929a; text-decoration:none;}
.viewn_title a:hover {text-decoration:none;}
.viewn_other {font-weight:Arial; font-size:10px; color:#7e929a;}  
.like {z-index:4; position:absolute; background:#ff0000; opacity:0.9; width:32px; height:32px; border:1px solid #dadada; margin:-14px 0px 0px 3px;
  border-radius:4px;  
  -moz-border-radius:4px;  
  -webkit-border-radius:4px; }
.like a {font-size: 17px; font-family:arial; z-index:4; display:block; width:30px; height:30px; cursor:text; color:#fff; margin:-14px 0 0 12px;}  
#news_im img {opacity:1; -moz-opacity:1; filter: alpha(opacity=80) black; -khtml-opacity: 1; background-color:#7e929a; }
#news_im img:hover {opacity:0.86; -moz-opacity:0.86; filter: alpha(opacity=100) black; -khtml-opacity: 0.86; background-color:#7e929a;}
#news_set {position:absolute; background:rgba(0,0,0,0.5); color:#fff; height: 161px; width: 44px; margin:0 0 0 -44px;}  
</style>

<div style="width:50%;float:left;">
<div class="block_full">
<div class="block_title2">  
<table><tr><td><div style="margin:0; font-weight:bold; font-size:13px; color:#2d7ea8; text-transform:uppercase; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; whidth:296px;">
<a href="$ENTRY_URL$">$TITLE$</a></div> <?if($MODER_PANEL$)?><div style="position:absolute; margin:0px 0px 0px 190px;">$MODER_PANEL$</div><?endif?> <div class="viewn_other">
Категория: <?if($CATEGORY_NAME$)?><a href="$CATEGORY_URL$">$CATEGORY_NAME$</a><?else?>Не определена<?endif?> | Просмотров: $READS$
</div></td><td>
<div class="like"><div style="font-size:14px; color:#fff; margin:7px 0px 0px 6px; display:block; width: 22px; height:22px;">
<?if($RATING$)?><div onclick="likePlus(1,$ID$,'news');return false" style="cursor:pointer; height:10px; margin:11px 0 0 -1px;" onmouseover="getClass('hr2$ID$','likeplus_hover');getClass('frs2$ID$','like2')" onmouseout="getClass('hr2$ID$','likeplus');getClass('frs2$ID$','likex')">  
<table cellspacing="0" cellpadding="0"><tr><td><div id="hr2$ID$" class="likeplus"> </div></td></tr></table></div><?endif?>
<?if($RATED$)?><a title="Голосов: $RATED$<br>Рейтинг: $RATING$"><b>$RATED$</b></a><?else?><a href="" title="Голосов: 0<br>Рейтинг: $RATING$"><b>0</b></a><?endif?></div></div></td></tr></table>  
</div><table border="0" cellpadding="0" cellspacing="0"><tr><td><div style="width:346px; max-height:200px; height:160px;"><?if($IMG_URL1$)?><img src="$IMG_URL1$" width="346px" height="160px"><?else?><img src="/design/images/no-image.png" width="346px" height="160px"><?endif?></div></div></td>
<td id="news_set"></td></tr></table>
<div class="block_cont">
<div class="block_c_in">
<table border="0" cellpadding="0" cellspacing="0" width="98%">  
<tr><td valign="top" style="padding:4px 8px 0px 8px; line-height:1.2em; font-size:12px; max-width:330px;">
$MESSAGE$
</td>
</tr>
</table>
  </div>
  </div>
<center><div class="viewn_detail2" style="text-align:left; font-size:11px; padding-top:2px;">
<?if($USERNAME$)?>news by: <a href="$PROFILE_URL$" style="text-decoration:none;">$USERNAME$</a><?endif?></div> <div class="viewn_detail3" style="text-align:right; font-size:11px; padding-top:2px;"><img src="/design/images/news_d/date.png" style="margin:0px 0px -1px 0px; opacity:0.5;" /> $DATE$ | <img src="/design/images/news_d/comm.png" style="margin:0px 0px -2px 0px; opacity:0.5;" /> $COMMENTS_NUM$</div>
</center>  
</div></div>
</div>


Все круть...:D
 
sold93 Дата: Среда, 05.06.2013, 01:51 | Сообщение # 2
Offline
Гуру
Модераторы
Сообщений:1135
Награды:11
Замечания:0%
Репутация
404
Код
<div style="margin:0; font-weight:bold; font-size:13px; color:#2d7ea8; text-transform:uppercase; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; whidth:296px;">
<a href="$ENTRY_URL$">$TITLE$</a></div>

в этом месте проблема. попробуй overflow:hidden поставить


подайте рептацию бедному студенту
 
LexaBLR Дата: Среда, 05.06.2013, 02:34 | Сообщение # 3
Offline
Супер чел
Проверенные
Сообщений:287
Награды:3
Замечания:0%
Репутация
57
sold93, так overflow: hidden есть уже в стилях... Не то.(

Все круть...:D

Сообщение отредактировал LexaBLR - Среда, 05.06.2013, 02:34
 
sold93 Дата: Среда, 05.06.2013, 13:46 | Сообщение # 4
Offline
Гуру
Модераторы
Сообщений:1135
Награды:11
Замечания:0%
Репутация
404
LexaBLR, сорри. не увидел. тогда не знаю

подайте рептацию бедному студенту
 
LexaBLR Дата: Среда, 05.06.2013, 21:47 | Сообщение # 5
Offline
Супер чел
Проверенные
Сообщений:287
Награды:3
Замечания:0%
Репутация
57
ХТО ниБУДЬ! ПомоГиТЕЕЕЕЕ!....:D

Все круть...:D
 
antisept Дата: Четверг, 06.06.2013, 14:34 | Сообщение # 6
Offline
BrainStorming
Администраторы
Сообщений:2847
Награды:51
Репутация
987
Сайт скиньте
 
LexaBLR Дата: Четверг, 06.06.2013, 18:51 | Сообщение # 7
Offline
Супер чел
Проверенные
Сообщений:287
Награды:3
Замечания:0%
Репутация
57
antisept, зачем? весь код который относится к виду новостей я скинул...

Там и CSS и HTML... biggrin biggrin


Все круть...:D

Сообщение отредактировал LexaBLR - Четверг, 06.06.2013, 18:52
 
Arhim Дата: Суббота, 08.06.2013, 21:57 | Сообщение # 8
Offline
Продвинутый
Пользователи
Сообщений:151
Награды:0
Замечания:0%
Репутация
9
А можешь нарисовать как бы ты хотел чтобы выглядел этот вид, показать стрелочками или выделением что бы ты хотел в нем изменить?
 
LexaBLR Дата: Четверг, 13.06.2013, 04:10 | Сообщение # 9
Offline
Супер чел
Проверенные
Сообщений:287
Награды:3
Замечания:0%
Репутация
57
На скрине видишь рейтинг вправо ушел за границы вида?! Так вот мне нужно чтобы он был левее. И оставался на месте. Тобишь он должен быть в виде новостей. А не за его границей... angel

Все круть...:D
 
Форум вебмастера » Основной раздел » Вопросы по HTML » Вид новостей (Таблицы)
Страница 1 из 11
Поиск: