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

はてなブックマークのCSSカスタマイズについて教えて下さい。「コレクション」のカスタマイズが上手くいかなくて困っております。
・コレクション詳細ページで、リスト同士の上下の間隔が詰まっているのを開けたいのですが、色々いじってやっても開いてくれません。助けて下さい。
・逆に、通常のコレクションページでは、asinのイメージと、紙アイコンやユーザー数とかの表示との間隔がガーンと開いてしまったりしました。
よろしく御教授下さい。

●質問者: leewei
●カテゴリ:ウェブ制作
✍キーワード:ASIN CSS はてなブックマーク アイコン イメージ
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● 松永英明@ことのは
●60ポイント

dl.asindetail dd.comment {

margin-bottom:150px;

}


これをCSSに追記してみてください。

上下幅は適当に修正を。

◎質問者からの返答

ありがとうございます。なるほど、コメント下マージン開ける方法ですね。

それで即有効になる箇所も、あるんです。

ところが、span.label(出版者など)やキーワードなどの詳細情報量のカサが、asinイメージよりも「低い」と、やっぱりリスト同士の間隔が詰まったままになるんです…。

えっとこの場合、詳細情報の表示全体を下げてみたら上手く間隔開きました。

dl.asindetail dd dl dd dl{

margin-top:50px

}

dl.asindetail dd.comment {

margin-bottom:150px;

}

asinイメージの高さが140pxというのを目安に。

しかし、、、もっとスマートな方法があれば知りたいですね。

dl.asindetail dd dlでマージンつけても、駄目だったんです。

-------------------------(コメント訂正

あわわわ。違っ↑

要するにコメント下をとにかく

ガーーンと開ければよいだけなのだ。

なるほど。

分りました。これで上手くいきました!

dl.asindetail dd.comment {

margin-bottom:7em;

}

関連質問


●質問をもっと探す●



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