**[[質問箱3/168]] [#g7b08c2c]
|RIGHT:70|LEFT:410|c
|~サマリ|Navigatorのデザインについて|
|~バージョン|1.4.5|
|~投稿者|[[fox]]|
|~状態|完了|
|~投稿日|&new{2005-08-13 (土) 00:05:30};|
***質問 [#r4e7c6ab]
質問よろしくお願いします。

PukiWikiのデフォルトではページ上部のNavigatorには、
ページを作成したりする部分のメニューがありますが、
その部分を、[[もじら組>http://www.mozilla.gr.jp/]]のようなNavigatorにしたくて
自作スキン/iridなどを参考に

pukiwiki.skin.phpに
 <div id="navigator">
 <?php echo convert_html(get_source('Navigator')) ?>
 </div>

の追加。
新しいページに
 Navigator
を追加。
スタイルシートに
 div#navigator {
 font-size: 100%;
 clear: both;
 color: #fff;
 background-color:#666;
 padding: 0;
 margin:0;
 border-top: #999 1px solid;
 border-bottom: #000 1px solid;
 }



と追加しているのですが、paddingやmarginを指定しても、
もじら組のようなデザインにはできないのです。
どうしても縦の幅が大きくなりすぎてしまいます。
borderの部分を1pxから0pxに変更すると
[[Epilogue/LogueWiki>http://logue.tk/]]のサイトのようになってしまいます。

これはPukiWikiでは解決できないのでしょうか?

***回答 [#o685ae4a]
-IEで見るとNavigatorのpadding-topが設定した値より広がって見えますね。根本的な解決法ではありませんが、簡単な対処法は<div id="navigator">の前に<p>を入れちゃうことだと思います。 --  &new{2005-08-13 (土) 10:45:15};
-回答ありがとうございます。<p>のタグをつけても改善されず&sad;
 <div id="navigator">
 <?php echo convert_html(get_source('Navigator')) ?>
 </div>
の記述が間違っているのでしょうか??? -- [[fox]] &new{2005-08-13 (土) 16:26:51};
-pを入れる方法で解決できました。ただ入れる場所はpukiwiki.css.php。
 div#navigator p{
 	margin:0px;
 }
と記述することで、div#navigator {で指定したCSSがうまく動作しました。
ただ解決は出来たものの、原因はわからず。 -- [[fox]] &new{2005-08-14 (日) 08:33:51};
-解決されたようですが、上で言ったのは<p><div id="navigator">~</div>のようにして下さい、ということです (^^; [[fox]]さんの記述だと<div id="navigator"><p>~</div>になっているように思えます (^^; --  &new{2005-08-14 (日) 17:29:48};

#comment


トップ   新規 一覧 検索 最終更新   ヘルプ   最終更新のRSS
Site admin: PukiWiki Development Team

PukiWiki 1.5.3+ © 2001-2020 PukiWiki Development Team. Powered by PHP 5.6.40-0+deb8u12. HTML convert time: 0.117 sec.

OSDN