エラスティックレイアウト例（小）

他のサイズで見る

コメント (1)

http://www.csszengarden.com/?cssfile=/063/063.c...
上記ページのスクリーンショットです（文字サイズ小）。

2007年4月3日 16:27 hiro_y (82)

<li id="comment_${comment.photo_comment_id}" class="clearfix">
    <div class="thumbnail"><a href="${comment.my_page_url}"><img src="${comment.thumbnail_url}" width="70" height="70" alt="${comment.nick_name}" title="${comment.nick_name}"></a></div>
    <div class="commentBody">
      <div id="comment_text_${comment.photo_comment_id}" class="text">${comment.html_comment}</div>
      <div class="meta">
        <span id="comment_time_${comment.photo_comment_id}" class="date">${comment.date}</span>
        {if comment.my_page_url}
        <span class="name"><a href="${comment.my_page_url}">${comment.nick_name} (${comment.friends_num})</a></span>
        {else if}
        <span class="name">${comment.nick_name}</span>
        {/if}
        <span class="edit">
          <a href="javascript:Photozou.Photoshow.edit_comment(${comment.photo_comment_id})">編集</a>
        </span>
        <span class="remove">
          <a href="javascript:Photozou.Photoshow.remove_comment(${comment.photo_comment_id})">削除</a>
        </span>
      </div>
    </div>
  </li>