人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

WP Popular Posts を利用していますけどもウィジェットを利用しての表示が思うように上手くいかず苦戦しています。
ウィジェットのマークアップの部分に下記を記入しています。
<table>
<tbody>
<tr style="font-size:12px;">
<td style="border-style: none;">{thumb}</td>
<td style="border-style: none;">{title}<p style="margin-bottom:15px;"></P>{stats}</td>
</tr>
</tbody>
</table>
一応表示が出来ているのですが、改善したいのはサムネイルとサムネイルの上下の間隔を広げる事とそれにより間隔の中心に点線を引きたいのです。また、画像の横に順位を表示したいのですが。。。HTMLには詳しくなくいろいろ調べながら行いましたので宜しくお願いします。


●質問者: dejavu888i
●カテゴリ:ウェブ制作
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● pogpi
●100ポイント ベストアンサー

上下の間隔は、tdタグ内に上下に10px空けたければcssで、「td{padding:10px 0px 10px 0px}」とかでできます。サムネイルのtdタグだけ適用させるには、class属性も使うといいでしょう。
点線は、「border:3px black dashed」とかですね。
順位はthumbに埋め込むといいかも知れません。


dejavu888iさんのコメント
どうもありがとうございます。 順位を表示する方法をもう少し詳しくお願いできませんか? 宜しくお願いします。

pogpiさんのコメント
{thumb}が、IMGタグとかに展開されるという仕様かと思ったのですが、その変数に、IMGタグと一緒に順位も連結できませんか。
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ