カテゴリ | デザイン・CSS・スキン |
サマリ | 脚注とトピックパスのデザインについて |
バージョン | 1.4.7 |
投稿者 | ちょろろ |
状態 | 完了 |
投稿日 | |
現在作ってるページのデザインの都合でトピックパスの位置を下に
下げようと思ってcssで↓のように書きました。
.small {
font-size:80%;
position:relative; top:100px;
}
トピックパスは下に下がってくれてデザイン的によくなったので
すが、ついでに脚注の一番下に表示される文章の部分も下がって
しまいました。(1*みたいな印は問題ありません。)
この2つを片方ずつ位置の変更をする方法はないでしょうか?
どうかよろしくお願いします。
- デフォルトのpukiwiki.skin.php を使っていると仮定して、<div id="header"> の中にある<span class="small"> と、<div id="note"> の中にある<span class="small"> で条件付けて、CSSを設定 --
- phpをいじらなければダメでしたか・・・。phpは勉強不足なのでもう少し勉強してから出直してきます。ありがとうございました。 -- ちょろろ
- デフォルトならskin/pukiwiki.css.php で出来ると思うけど(出力されたHTMLソースを見ればわかるけど↑の<div id="header">とかは最初から埋め込まれてるから)。div#header .small{} とかでheaderというidのdivタグ内の.smallクラスって出来たと思うけど --
- pukiwiki.css.phpにdiv#header .small{position:relative; top:100px;}を追記したら普通にできました!今まであまり理解せずにやってましたが、回答のおかげで助かりました!丁寧にありがとうございました! -- ちょろろ