質問箱/3168

カテゴリ
サマリNavigatorのデザインについて
バージョン1.4.5
投稿者fox?
状態完了
投稿日2005-08-13 (土) 00:05:30

質問

質問よろしくお願いします。

PukiWikiのデフォルトではページ上部のNavigatorには、 ページを作成したりする部分のメニューがありますが、 その部分を、もじら組のような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のサイトのようになってしまいます。

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

回答

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


トップ   編集 凍結 差分 バックアップ 添付 複製 名前変更 リロード   新規 一覧 検索 最終更新   ヘルプ   最終更新のRSS
Last-modified: 2007-07-05 (木) 01:29:10
Site admin: PukiWiki Development Team

PukiWiki 1.5.2+ © 2001-2019 PukiWiki Development Team. Powered by PHP 5.6.40-0+deb8u7. HTML convert time: 0.245 sec.

OSDN