はてなダイアリーで初めてトラックバックが付いたので、サイドバーにトラックバックモジュールを入れてみたのですがなぜか日付とIDの表示が離れて表示されてしまいます。


>>1.**/**(日付)ID:****

こんな感じで一件のトラックバックの表示を一行に表示させるにはどうしたらよいのでしょうか。(できれば先頭に番号をつくようにできるとうれしいです)

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2004/12/16 01:05:34
  • 終了:--

回答(3件)

id:garyo No.1

garyo回答回数1782ベストアンサー獲得回数962004/12/16 01:13:40

ポイント10pt

URLはダミーです

<hatena name=”trackback”>

とtemplate=”hatena-module” を外したら

一行になりました。

こんな感じです

最近のトラックバック

1. 12/15 id:xxxxx

2. 12/09 id:xxxxx

3. 12/09 id:xxxxx

4. 12/09 id:xxxxx

5. 12/08 id:xxxxx

id:rain

コメントありがとうございます。今試してみたんですが[hatena name=”trackback”]をはずすと、モジューツの枠がなくなってしまい、トラックバック表示用のタグがそのまま文字で表示されてしまいました…。

(とりあえずもとに戻しました)

ちなみに現在使っているタグはこれです。

2004/12/16 01:21:12
id:garyo No.2

garyo回答回数1782ベストアンサー獲得回数962004/12/16 01:39:27

http://a.hatena.ne.jp/garyo

はてなアンテナ - ジャンク☆ニュース(Junk☆News 臥龍)

URLはダミーです

2回目なのでポイントはいりません。

言葉がうまく伝わらなかったようです。

<hatena name=”trackback”>

↑これだけをページのフッタに書いて見てください。※「”」は半角にしてください。

id:rain

たびたびありがとうございます。

たしかに↑の方法だとちゃんと一行におさまりますよね。ただ、モジュールの枠がなくなってしまうとなんとなくレイアウトがおかしいのでモジュールの形式で入れたいと思っています。でもこれにtemplate=”hatena-module”を加えるとやっぱり一行には表示されないんですよね……。引き続きアドヴァイス待ってみます。

2004/12/16 01:45:43
id:amanoftaste No.3

amanoftaste回答回数42ベストアンサー獲得回数02004/12/16 19:45:08

ポイント50pt

ソースを見てみると、

<div class=”hatena-module”>

<div class=”hatena-moduletitle”>最近のトラックバック</div>

<div class=”hatena-modulebody”>

<ul class=”hatena-recentcomment”>

<li><a href=”/rain/20041212#tb”>2004-12-12</a> <a href=”

http://d.hatena.ne.jp/achaco/20041213

オバサンだもの。 - Journal

”>id:achaco</a></li>

</ul>

</div>

</div>

と、なっていました。

CSSを見ると、

.hatena-modulebody li a{

display: block;

padding: 3px 5px;

margin: 0;

line-height: 1.2;

_width: 100%;

}

と、なっていました。

だから、リンクがブロックレベル要素として、

扱われていることがわかります。

CSSで、

.hatena-modulebody li a{

display: inline;

padding: 3px 5px;

margin: 0;

line-height: 1.2;

_width: auto;

}

とでも、指定したらどうでしょう。

  • id:amanoftaste
    amanoftaste 2004/12/18 11:35:52
    あの、番号でしたら…

    .hatena-modulebody ul{
    padding: 0;
    margin: 0;
    list-style-type: none;
    }

    でしたので、

    .hatena-modulebody ul{
    padding: 0;
    margin: 0;
    list-style-type: decimal;
    }

    と、指定してみてください。
    URLは、リストに関するスタイルシートのリファレンスです。

    http://www.tohoho-web.com/css/reference.htm#list
  • id:amanoftaste
    amanoftaste 2004/12/18 11:51:47
    忘れてたことが

    すっかり忘れてましたが、
    定義済みクラスのCSSの指定もする必要があります。
    (「a:hover」など)
    でないと、オンマウス等で表示が崩れます。
  • id:amanoftaste
    amanoftaste 2004/12/19 20:20:54
    結論

    .hatena-recentcomment a,.hatena-recentcomment a:hover{
    display: inline;
    padding: 3px 5px;
    margin: 0;
    line-height: 1.2;
    _width: auto;
    }
    .hatena-recentcomment{
    padding: 0;
    margin: 0;
    list-style-type: decimal;
    }

    いろいろ書きましたが、
    全部整理するとコレ(↑)が良いと思います。
    でないと、ほかのモジュールたちに影響が出るかもしれないので。
    何度も言い直してすみません。
    問題があったら知らせてください。
  • id:rain
    試してみました。

    ありがとうございます。気づくのが遅れてごめんなさい!
    おっしゃるとおりカーソルを当てたときにレウアウトが崩れる
    状態になっていたのでもとに戻していましたので
    補足いただき助かります。

    難しいことはあまりわからないので
    定義済みクラスとははさっぱりわかりません。すみません。

    で、「結論」で書いていただいたスタイルシートを挿入してみたんですが
    挿入する前と変わらない状態になってます……。
    現在、挿入したままなのでお手数ですが確認してもらってもよろしいでしょうか。なにか足りないことがあったらまた教えていただけるとい助かります。
  • id:amanoftaste
    amanoftaste 2004/12/25 15:06:30
    あれ?

    うまくいきませんでしたか…。
    では、とりあえず

    .hatena-modulebody li a,.hatena-modulebody li a:hover{
    display: inline;
    padding: 3px 5px;
    margin: 0;
    line-height: 1.2;
    _width: auto;
    }
    .hatena-modulebody li{
    list-style-type: decimal;
    }

    と、してみてください。
  • id:rain
    成功!

    amanoftasteさん、遅れてすみません。
    あっ。これでやってみたらバッチリでした!
    うまくいきました!
    何度も質問してしまってお手数おかけしました。
    ありがとうございます。助かりました!

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません