Wikipedia:井戸端/subj/Navbox
表示
< Wikipedia:井戸端 | subj
|
Navboxのtitlestyle = border-left/right
[編集]鉄道路線や高速道路などで使われているNavboxテンプレートですが、タイトル左右の着色部分が長方形ではなく横倒しの台形で表示されています。これはどういった事情からでしょうか?--Kyoyaku(会話) 2016年9月1日 (木) 04:15 (UTC)
- 使用ブラウザ差ではないでしょうか? Win10-Chrome ver52.0.2743.116 m で新橋駅最下段テンプレートを展開してみましたが長方形表示になり、台形表示が再現出来ませんでした。とりあえずプロジェクト‐ノート:鉄道/駅/各路線の駅一覧のテンプレート・隣りの駅#Template:鉄道路線へのNavFrameの適用についてを見つけましたが、ご質問に関連する議論かどうかはちょっと分かりかねます。--Nami-ja(凪海) (会話 / 履歴) 2016年9月1日 (木) 05:23 (UTC)
- 当方ブラウザはwin10でfirefoxの最新版を使っています。--Kyoyaku(会話) 2016年9月1日 (木) 05:28 (UTC)
- win10-firefox ver47.0.1 で再現出来ました。firefox側の問題ですね。--Nami-ja(凪海) (会話 / 履歴) 2016年9月1日 (木) 06:27 (UTC)
- Microsoft Edge 38でも台形が再現しました。--Kyoyaku(会話) 2016年9月1日 (木) 06:40 (UTC)
- win10-firefox ver47.0.1 で再現出来ました。firefox側の問題ですね。--Nami-ja(凪海) (会話 / 履歴) 2016年9月1日 (木) 06:27 (UTC)
- 当方ブラウザはwin10でfirefoxの最新版を使っています。--Kyoyaku(会話) 2016年9月1日 (木) 05:28 (UTC)
コメント おそらくtrのborder (top/bottom)とthのborder (left/right)が干渉しているのだと思います。--Waiesu(会話) 2016年9月1日 (木) 09:13 (UTC)
追記 {{鉄道路線}}において
を|titlestyle = background: {{ #if: {{{背景色|}}} | {{{背景色}}} | transparent }}; border-left:3em solid {{{ラインカラー}}}; border-right:3em solid {{{ラインカラー2|{{{ラインカラー}}}}}};
に変更すれば問題を解消できそうです。--Waiesu(会話) 2016年9月1日 (木) 09:32 (UTC)|titlestyle = background: {{ #if: {{{背景色|}}} | {{{背景色}}} | transparent }}; border-style: hidden solid; border-width: 3em; border-color: {{ #if: {{{ラインカラー2|}}} | #fff {{{ラインカラー2}}} #fff }} {{{ラインカラー}}};
- (競合しましたがそのまま)「ブラウザによって異なる描画が為される状態の修正をmediawiki側での変更で」ということなら、navbox関係のcssを設定しているMediawiki:Common.cssの該当行をごそごそいじる感じになるかもしれませんね。ちょっといま出先からなので特定できませんが参考までに。--Nami-ja(凪海) (会:話 / 履歴) 2016年9月1日 (木) 09:22 (UTC)
Waiesu様の修正案で長方形になりました。
ありがとうございます--Kyoyaku(会話) 2016年9月1日 (木) 10:09 (UTC)
次いで、Template:高速道路施設一覧も台形表示になっております。鉄道路線を参考に書き換えてみましたが、上手くいきませんでした。ご教授お願いします。--Kyoyaku(会話) 2016年9月1日 (木) 10:43 (UTC)
コメント
↓|titlestyle = border-left:3em solid {{{路線色1|#007d18}}}; border-right:3em solid {{{路線色2|#007d18}}}; background-color:#dfd;
といった感じでしょうか。--Waiesu(会話) 2016年9月1日 (木) 12:59 (UTC)|titlestyle = border-style:hidden solid; border-width:3em; border-color:#fff {{{路線色1|#007d18}}} #fff {{{路線色2|#007d18}}}; background-color:#dfd;
Template:高速道路施設一覧では、groupとlistが内側に縮まって表示される(左右に余白が空く)という問題も起きているようです。Win7-Chromeバージョン 52.0.2743.116 mです。--新幹線(会話) 2016年9月1日 (木) 15:52 (UTC)
コメント たぶんその現象はTemplate:鉄道路線でも起きていると思われます。原理は、title横の色が極太borderで、group, listはborderがないor極細のため、その幅の差が余白になっていると思われます。この問題を解消するにはtitle横の色をborderで表現するのではなく、title内ボックス(div要素など)で表現する方法しかないと思います。--Waiesu(会話) 2016年9月1日 (木) 16:12 (UTC)
コメント 私はLuaの文法を理解していないので憶測になりますが、一連の不具合の原因はおそらくモジュール:Navbox/formerにおいて、tableのstyleに
border-collapse:collapse;
を指定していることが原因と思われます。これによりtitleのborderと重なるborderが干渉するようになったのでしょう。英語版ではこの指定は行われていないようなので、他言語版との互換性も考慮してborder-collapse:collapse;
を使用しない形に書き直してもらえると助かります。--新幹線(会話) 2016年9月2日 (金) 02:13 (UTC)とりあえず{{鉄道路線}}と{{高速道路施設一覧}}については暫定的にNavboxを使用しない形に修正しました。なお{{東日本高速道路}}などでも同様の問題が起こっているようです。--新幹線(会話) 2016年9月2日 (金) 03:02 (UTC)
見よう見まねでモジュール:Navbox/former/sandboxを修正して、一連のborder問題は解決しました({{鉄道路線/sandbox}}と{{高速道路施設一覧/sandbox}})が、このままではsubgroupを使用した際にテーブルがずれてしまいます。修正お願いします。--新幹線(会話) 2016年9月2日 (金) 05:21 (UTC)
コメント モジュール:Navbox/former/sandboxを全体的に修正しました。Template:Navbox/testcasesも含め確認お願いいたします。またWP:AN/PEに依頼していただければ、バグの修正として早速対処できますのでよろしくお願いします。--Waiesu(会話) 2016年9月2日 (金) 06:06 (UTC)
win10+Edgeで見たところ、セル間のボーダーがなくなりセル同士が完全にくっついています。Win10+Chromeでは正常に表示されているようです。--新幹線(会話) 2016年9月2日 (金) 09:00 (UTC)
あと、{{高速道路施設一覧}}などで左右に余白が生じる問題が残ったままですが、テンプレート側で border-collapse:separate; を指定することでとりあえずは解決しました。--新幹線(会話) 2016年9月2日 (金) 09:08 (UTC)報告 border-collapseの既定値はseparateのはずなので指定していませんでしたが、ブラウザによっては挙動が異なるようですね。モジュール側でborder-collapse:separateを指定しておきました。--Waiesu(会話) 2016年9月2日 (金) 10:05 (UTC)
- 確認したところEdgeでも正しく表示されているようです。--新幹線(会話) 2016年9月8日 (木) 04:49 (UTC)
- {{東日本高速道路}}、{{中日本高速道路}}、{{西日本高速道路}}等ではまだ台形表示、側部余白があります。こういったものは新幹線さんのようにNavboxを使用しない形にした方がいいのでしょうか?--Kyoyaku(会話) 2016年9月3日 (土) 22:07 (UTC)