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

はてなダイアリーの記事に、はまぞう利用で書籍のリンクを
ISBN:XXXXXXXXXX:detailやISBN:XXXXXXXXXX:imageで表示すると縦並びになってしまいます。
(実際にはXXXXXXXXXXに数字が入ります)

横に並べていく方法を教えて下さい。

宜しくお願い致します。

●質問者: ???
●カテゴリ:はてなの使い方 書籍・音楽・映画
✍キーワード:ISBN: はてなダイアリー はまぞう リンク 数字
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● すだこふつ
●100ポイント
「はてな」ではじめるブログ生活―はてな公式ハンドブック

「はてな」ではじめるブログ生活―はてな公式ハンドブック

  • 作者: 鈴木 芳樹 はてな
  • 出版社/メーカー: ディーアート
  • メディア: 単行本
「はてな」ではじめるブログ生活―はてな公式ハンドブック

「はてな」ではじめるブログ生活―はてな公式ハンドブック

  • 作者: 鈴木 芳樹 はてな
  • 出版社/メーカー: ディーアート
  • メディア: 単行本

http://hatenadiary.g.hatena.ne.jp/keyword/%e8%a1%a8%e7%b5%84%e3%...

表を組んで見ました。

◎質問者からの返答

表の内側にある書籍情報を読みやすく表示するには、横幅を広げたいと思いますが、

どのようにすれば良いでしょうか?

回答ありがとうございました。


2 ● quintia
●100ポイント

あまり簡単じゃありませんけど。


設定-デザイン(詳細デザイン)-スタイルシート で、

div.my-asin-detail div.hatena-asin-detail,
div.my-asin-detail-small div.hatena-asin-detail {
float:left;
margin :5px;
}

div.my-asin-detail {
height:180px;
}

div.my-asin-detail-small {
height:100px;
}

を追加。180px や 100px はただの経験則です。


ダイアリーの方には、

><div class="my-asin-detail"><
asin:475751719X:detail asin:475751719X:detail
></div><


><div class="my-asin-detail-small"><
asin:475751719X:detail:small asin:475751719X:detail:small
></div><

のように、divエレメント(class指定付)で、横に置きたい複数の asin:?:detail 記法を括って書きます。


面倒の様に思うでしょうが、商品名が長すぎたりすると妙なレイアウトになってしまうので、明に「横に置くんだ!」と指定してやる方法の方がいいのでは、という気がします。「今まで書いてきたダイアリー全部見直さなきゃいけないの?」という問題もありますし。

商品名が長すぎる例。↓

><div class="my-asin-detail"><
asin:B000GJ5FF0:detail asin:B000GJ5FF0:detail
></div><

:image 記法の方は私のところでは(プライベートモードです)、何もしなくても横に並んでくれるんですよね。テーマの差かもしれません。

◎質問者からの返答

大変ご丁寧なご指導ありがとうございました。

『何もしなくても横に並んでくれる』のは、

表示モードの差ではなく、テーマの差なのですね?

私はQuery000というテーマを選択しているのですが、quintiaさんのテーマは何をお使いでいらっしゃいますか?

回答ありがとうございました。

関連質問


●質問をもっと探す●



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