Здравствуйте, сделал из вида комментариев, вид мобильной доски объявлений!
.comment_overbo {margin-top:5px;padding-bottom:1px;border-bottom:0px solid #dedede} .commentbo {display:table;width:100%;} .comment_avatarbo {display:table-cell;vertical-align:top;width:64px;padding-right:15px} .comment_messagebo {display:table-cell;vertical-align:top;text-align:left;font-size: 90%;} .comment_ratebo {display:table-cell;vertical-align:top;width:0px} .comment_topbo {padding-top:2px;padding-bottom:7px;font-size:90%;line-height:17px} .comment_topbo2 {padding-top:2px;padding-bottom:2px;font-size:100%;line-height:17px} .comment_topbo a {text-decoration:none;color:#6c6c6c} .comment_topbo .comm_timebo {font-size:12px;color:#9c9c9c;display:inline-block;padding-left:12px} #nRate2-plus {color: #00AAFF;} .comment_avatarbo{float:left;margin:.0em 5px .5em 0;overflow:hidden;position:relative;border:0px solid #ccc;width:90px;height:70px;} .comment_avatarbo img{position:absolute;top:0px;left:0px;} #rating_p2 {font-weight: 100;line-height: 15px;letter-spacing: 0;-webkit-font-smoothing: antialiased;float: right;}
<table> <tr> <td> <?if($CID$='206')?> <div class="comment_overbo"> <div class="commentbo"> <div class="comment_avatarbo"><?if($IMG_URL1$)?><a href="$ENTRY_URL$"><img src="$IMG_URL1$" width="100" alt="$TITLE$" title="$TITLE$" /></a> <?else?><a href="$ENTRY_URL$" > <img src="bordfotonet.jpg" width="100" alt="$TITLE$" title="$TITLE$" /></a><?endif?> </div> <div class="comment_messagebo"> <div class="comment_topbo"><a href="$ENTRY_URL$"><span style="color:#000000;background-color:#FFFF00;"><b><?if(len($TITLE$)>30)?><?substr($TITLE$,0,30)?>...<?else?>$TITLE$<?endif?></b></span></a></div> <div class="comment_message_inbo"><font style="font-size: 90%; color:#00AAFF;"><b>$OTHER1$</b></font></div> <div class="comment_topbo2"><span title="$TIME$" style="font-size: 77%; color:<?if($DATE$="Сегодня")?>#FF8C00;<?endif?><?if($DATE$="Вчера")?>#24CB64;<?else?><?endif?>">$DATE$</span> </div> </div> <div class="comment_ratebo"> <div id="rating_p2"><div nrate="$ID$" class="fa fa-star-o" id="<?if($RATING$*$RATED$-2*$RATED$=0)?>nRate-default<?else?><?if($RATING$*$RATED$-2*$RATED$<0)?>nRate-minus<?else?>nRate2-plus<?endif?><?endif?>"><?int($RATING$*$RATED$-2*$RATED$)?></div></div> </div> </div> </div> </div> </div> <?else?> <div class="comment_overbo"> <div class="commentbo"> <div class="comment_avatarbo"><?if($IMG_URL1$)?><a href="$ENTRY_URL$"><img src="$IMG_URL1$" width="100" alt="$TITLE$" title="$TITLE$" /></a> <?else?><a href="$ENTRY_URL$" > <img src="bordfotonet.jpg" width="100" alt="$TITLE$" title="$TITLE$" /></a><?endif?> </div> <div class="comment_messagebo"> <div class="comment_topbo"><a href="$ENTRY_URL$"><font style="color:#000000;"><b><?if(len($TITLE$)>30)?><?substr($TITLE$,0,30)?>...<?else?>$TITLE$<?endif?></b></font></a></div> <div class="comment_message_inbo"><font style="font-size: 90%; color:#00AAFF;"><b>$OTHER1$</b></font></div> <div class="comment_topbo2"><span title="$TIME$" style="font-size: 77%; color:<?if($DATE$="Сегодня")?>#FF8C00;<?endif?><?if($DATE$="Вчера")?>#24CB64;<?else?><?endif?>">$DATE$</span> </div> </div> <div class="comment_ratebo"> <div id="rating_p2"><div nrate="$ID$" class="fa fa-star-o" id="<?if($RATING$*$RATED$-2*$RATED$=0)?>nRate-default<?else?><?if($RATING$*$RATED$-2*$RATED$<0)?>nRate-minus<?else?>nRate2-plus<?endif?><?endif?>"><?int($RATING$*$RATED$-2*$RATED$)?></div></div> </div> </div> </div> </div> </div> <?endif?> </td> </tr> </table><hr style="clear: both; border: none; border-bottom: 1px solid #e8e8e8; padding: 3px 0 0; margin: 0 0 3px;">
Подскажите как сделать в классе class="comment_ratebo прижать элемент к правой части сайта, а то он прилип к названию?
Когда заместо:
.comment_messagebo {display:table-cell;vertical-align:top;text-align:left;font-size: 90%;}
пишешь так
.comment_messagebo {display:table-cell;vertical-align:top;float:left;font-size: 90%;}
не получается,
Или делаю ширину таблице 100%, то текст по центру становится. Подскажите как сделать так?
Контент-модули
Продвижение сайта
Управление сайтом