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

Wordpress上でのCSSの設定を教えてください。
対象サイト:http://www.obanzaiya.com/

上記サイトの右カラム、1番目の記事から3番目の記事まで、”価格表示>”というテキストを入れていますが、定位置に表示させるには、どのように設定すればよいでしょうか?

z-indexとposition を利用したのですが、上手にすることができません。

wordpressの投稿画面上で、文頭にこのテキストを入れると、本文がインデントされたように表示されてしまいます。
どの記事でも確実に同じ位置に表示するには、どのようにCSSを設定すればよいでしょうか?

※記事の文字数を制限する、WP Limit Posts Automatically というプラグインを使用しています。



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

▽最新の回答へ

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

こんな感じでどうでしょう。

.entry-body {
 position: relative;
}
.entry-body .price {
 position: absolute !important;
 right: 0;
 top: auto !important;
 bottom: 0 !important;
}

いまstyle.cssに適用している.priceのtopを削除すれば上記のコードにあるtopは必要なくなります。


Cherenkovさんのコメント
http://q.hatena.ne.jp/1326889357 こっちの問題は継続中ですか?

Tomoさんのコメント
ご回答ありがとうございます。 こちらの問題は継続中です。 上記CSS早速試してみます。

Tomoさんのコメント
http://q.hatena.ne.jp/1327146532 この件は解決しました。ありがとうございました。 http://q.hatena.ne.jp/1326889357 この問題は継続中です。
関連質問

●質問をもっと探す●



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