저번에 질문을 했는데 정확히 어디를 어떻게 고쳐야 할지 몰라서 다시 질문 합니다.
이전 질문 https://xetown.com/qna/439131
*이전 답변에서 언급했던 파일 _list_news.html
<include target="_list_header.html" />
<div class="m-news m-element">
<ul class="notice-list"|cond="$mi->show_notice != Y" class="notice-list on"|cond="$mi->show_notice == Y">
<!--@foreach($notice_list as $no => $document)-->
<li class="has-comment"|cond="$document->getCommentCount()">
<a href="{getUrl('document_srl', $document->document_srl)}" class="list-link"></a>
<span class="notice-text notice-el">{$lang->notice}</span>
<span class="notice-el">{$document->getTitle()} {$document->printExtraImages(60*60*$module_info->duration_new)}</span>
<block cond="$document->getCommentCount()"><!--@if($layout_info->mCol == 'black')--><img src="/images/biComment2@2x.png" alt="comment" width="14px" height="12px" class="comment-image" /><!--@else--><img src="/images/biComment@2x.png" alt="comment" width="14px" height="12px" class="comment-image" /><!--@end--><a href="{$document->getPermanentUrl()}#comment" class="reply m-list-reply">{$document->getCommentCount()}</a></block>
</li>
<!--@end-->
<li class="no-list" cond="!$notice_list"><span class="notice-text">{$lang->notice}</span> {$lang->no_documents}</li>
</ul>
<ul class="list">
<!--@foreach($document_list as $no => $document)-->
<li class="has-comment"|cond="$document->getCommentCount()">
<a href="{getUrl('document_srl', $document->document_srl)}" class="list-link"></a>
<span class="category" cond="$module_info->use_category=='Y' && $mi->show_category != 'N'">{$category_list[$document->get('category_srl')]->title}</span>
<span class="title">{$document->getTitle()}<block cond="$mi->show_icon != 'N'"> {$document->printExtraImages(60*60*$module_info->duration_new)}</block></span>
<block cond="$document->getCommentCount()"><img src="/images/biComment@2x.png" alt="comment" width="14px" height="12px" class="comment-image" /><a href="{$document->getPermanentUrl()}#comment" class="reply m-list-reply">{$document->getCommentCount()}</a></block>
</li>
<!--@end-->
<li class="no-list" cond="!$document_list">{$lang->no_documents}</li>
</ul>
</div>
<include target="_list_footer.html" />
댓글 8
아래 소스로 복사 붙여넣기 하세요 (더블클릭 하면 전체선택 가능)
<div class="m-news m-element">
<ul class="notice-list"|cond="$mi->show_notice != Y" class="notice-list on"|cond="$mi->show_notice == Y">
<!--@foreach($notice_list as $no => $document)-->
<li class="has-comment"|cond="$document->getCommentCount()">
<a href="{getUrl('document_srl', $document->document_srl)}" class="list-link"></a>
<span class="notice-text notice-el">{$lang->notice}</span>
<span class="notice-el">{$document->getTitle()} {$document->printExtraImages(60*60*$module_info->duration_new)}</span>
<block cond="$document->getCommentCount()"><!--@if($layout_info->mCol == 'black')--><img src="/images/biComment2@2x.png" alt="comment" width="14px" height="12px" class="comment-image" /><!--@else--><img src="/images/biComment@2x.png" alt="comment" width="14px" height="12px" class="comment-image" /><!--@end--><a href="{$document->getPermanentUrl()}#comment" class="reply m-list-reply">{$document->getCommentCount()}</a></block>
</li>
<!--@end-->
<li class="no-list" cond="!$notice_list"><span class="notice-text">{$lang->notice}</span> {$lang->no_documents}</li>
</ul>
<ul class="list">
<!--@foreach($document_list as $no => $document)-->
<li class="has-comment"|cond="$document->getCommentCount()">
<a href="{getUrl('document_srl', $document->document_srl)}" class="list-link"></a>
<span class="category" cond="$module_info->use_category=='Y' && $mi->show_category != 'N'">{$no} {$category_list[$document->get('category_srl')]->title}</span>
<span class="title">{$no} {$document->getTitle()}<block cond="$mi->show_icon != 'N'"> {$document->printExtraImages(60*60*$module_info->duration_new)}</block></span>
<block cond="$document->getCommentCount()"><img src="/images/biComment@2x.png" alt="comment" width="14px" height="12px" class="comment-image" /><a href="{$document->getPermanentUrl()}#comment" class="reply m-list-reply">{$document->getCommentCount()}</a></block>
</li>
<!--@end-->
<li class="no-list" cond="!$document_list">{$lang->no_documents}</li>
</ul>
</div>
<include target="_list_footer.html" />
감사합니다.
근데 저기 번호가 뭔가 제목이랑 이어지는 느낌인데 어떻게 구분을 줘야할까요? 색깔을 변경해야하나..
ex :
<span style="color:#f3f3f3;">{$no}</span>
낙타님의 휴대폰에서는 공백이 많아 보여서 휑해 보일지언정...
가로길이가 짧은 폰에서는 오히려 번호 때문에 글이 두줄로 나눠질수도 있습니다.
물론 이부분은 타이틀의 글자수를 제한하면 되긴 하지만... 반드시 필요한게 아닌 번호 때문에
제목의 일부가 잘려나가는건 바람직하지 못해보입니다.
근데 혹시 번호 하고 띄어쓰기 가능한가요?
너무 붙어있는거 같아서요!
모바일은 최대한 구성요소가 적은게 좋아서...