質問箱/3168

質問箱/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

PukiWikiについて

Info in English

このサイトについて
- WebTrack
- Web委員日誌

お試し
- PukiWiki 1.5

↑

Developer

質問箱/3168†

質問†

回答†

最新の16件

質問箱/3168 †