Wikipedia:井戸端/subj/Infoboxを2つ使用する記事にて、画像の位置がおかしい
 |
|
Infoboxを2つ使用する記事にて、画像の位置がおかしい[編集]
記事の右上部に張り付けるテンプレート「Infobox」について質問です。
記事を読んでいると、たまに記事の右上部に2つのインフォボックスを連続して使用している記事を見かけます。必要ならば2つ使用すること自体に問題はないと思うのですが、記事本文に使用している左寄サムネイル画像の位置が、2つ目のインフォボックスの開始位置にズレてしまうように見えます。これは私の環境依存でしょうか？ また、もし解消する方法があるのなら知りたいです。
この質問の仕方で伝わるか不安なので、念のため、インフォボックス1つだけの場合と、インフォボックス2つの場合とで、左寄サムネイル画像の位置がなぜかずれてしまうという例を書いてみました。例なのであくまで書いてある内容自体はダミーです。左寄サムネイル画像が変化してしまうのはなぜなのか、回避できる方法があるのかをご教示ください。
| マッチョ・ドラゴン | |
|---|---|
| 生年月日 | 1900年1月11日（124歳） |
| 出生地 |
 ユタ州 |
| 出身校 | オックスフォード大学法学部中途退学 |
| 前職 | 〇○大学医学部教授 |
| 現職 | プロレスラー |
| 称号 | 医学博士（〇〇大学） |
第10代 〇〇合衆国大統領 | |
| 当選回数 | 1回 |
| 在任期間 | 1955年4月1日 - 1960年3月31日 |
マッチョ・ドラゴン（1900年1月1日 - ）は、〇〇合衆国の医学者、政治家、プロレスラー。ほげほげプロレス社長。政治活動時には維基 百科之介（いき ひゃっかのすけ）名義を用いる。
××医学研究所研究員、▲▲大学医学部准教授、〇○大学医学部教授、〇〇合衆国大統領などを歴任した。
概要[編集]
ユタ州出身の医学者である。学費が払えず大学を中途退学したものの××医学研究所に研究員として採用され、××感染症の研究で知られるようになる。▲▲大学を経て○○大学で教鞭を執る傍ら、〇〇感染症が○○ウイルスによって引き起こされることを世界で初めて発見した。さらに〇〇感染症のワクチン開発にも成功するなど、〇〇感染症の制圧に大きく貢献した。
その後、政治家に転身し、1995年に〇〇合衆国の第10代大統領に就任する。しかし、大統領選挙の結果に疑義を唱えるタイガー・ジェットら▲▲党と激しく対立し、国内が騒乱状態となった。大統領退任後はプロレスラーとなり、世界最高齢レスラーとして今もリングに上がる。
来歴[編集]
生い立ち[編集]
マッチョ・ドラゴンは、1900年1月1日、アメリカ合衆国のユタ州で生まれた。父であるケント・ドラゴンは〇〇合衆国の外交官であり、前年より在アメリカ合衆国大使館の一等書記官を務めていたことから、ドラゴン家はワシントンに居を構えていた。しかし、母のリンダが旅行中に突如産気づき、ユタ州でマッチョを出産した。マッチョは生後すぐに重度の麻疹に感染し、身体も弱かったことから、大事を取りリンダとともに5歳になるまでユタ州で暮らした。……
| マッチョ・ドラゴン | |
|---|---|
| 生年月日 | 1900年1月11日（124歳） |
| 出生地 |
ユタ州 |
| 出身校 | オックスフォード大学法学部中途退学 |
| 前職 | 〇○大学医学部教授 |
| 現職 | プロレスラー |
| 称号 | 医学博士（〇〇大学） |
第10代 〇〇合衆国大統領 | |
| 当選回数 | 1回 |
| 在任期間 | 1955年4月1日 - 1960年3月31日 |
| 生誕 |
1900年1月11日（124歳） ユタ州 |
|---|---|
| 研究分野 | 医学 |
| 研究機関 |
××医学研究所 ▲▲大学 〇〇大学 |
| 主な業績 |
〇〇感染症の病原体が 〇〇ウイルスであることを発見 ○○感染症のワクチン開発に成功 |
| 主な受賞歴 | 〇〇合衆国国民栄誉賞（1950年） |
| プロジェクト:人物伝 | |
マッチョ・ドラゴン（1900年1月1日 - ）は、〇〇合衆国の医学者、政治家、プロレスラー。ほげほげプロレス社長。政治活動時には維基 百科之介（いき ひゃっかのすけ）名義を用いる。
××医学研究所研究員、▲▲大学医学部准教授、〇○大学医学部教授、〇〇合衆国大統領などを歴任した。
概要[編集]
ユタ州出身の医学者である。学費が払えず大学を中途退学したものの××医学研究所に研究員として採用され、××感染症の研究で知られるようになる。▲▲大学を経て○○大学で教鞭を執る傍ら、〇〇感染症が○○ウイルスによって引き起こされることを世界で初めて発見した。さらに〇〇感染症のワクチン開発にも成功するなど、〇〇感染症の制圧に大きく貢献した。
その後、政治家に転身し、1995年に〇〇合衆国の第10代大統領に就任する。しかし、大統領選挙の結果に疑義を唱えるタイガー・ジェットら▲▲党と激しく対立し、国内が騒乱状態となった。大統領退任後はプロレスラーとなり、世界最高齢レスラーとして今もリングに上がる。
来歴[編集]
生い立ち[編集]
マッチョ・ドラゴンは、1900年1月1日、アメリカ合衆国のユタ州で生まれた。父であるケント・ドラゴンは〇〇合衆国の外交官であり、前年より在アメリカ合衆国大使館の一等書記官を務めていたことから、ドラゴン家はワシントンに居を構えていた。しかし、母のリンダが旅行中に突如産気づき、ユタ州でマッチョを出産した。マッチョは生後すぐに重度の麻疹に感染し、身体も弱かったことから、大事を取りリンダとともに5歳になるまでユタ州で暮らした。……
- （実例を掲載したため、読みづらくてすみません。コメントは以下にお願いいたします。）
コメント なにとぞアドバイス、よろしくお願いします。--126.198.89.113 2020年4月18日 (土) 08:11 (UTC)
| ||||||||||||||||||||
| ||||||||||||||||||||
マッチョ・ドラゴン（1900年1月1日 - ）は、〇〇合衆国の医学者、政治家、プロレスラー。ほげほげプロレス社長。政治活動時には維基 百科之介（いき ひゃっかのすけ）名義を用いる。
××医学研究所研究員、▲▲大学医学部准教授、〇○大学医学部教授、〇〇合衆国大統領などを歴任した。
概要[編集]
ユタ州出身の医学者である。学費が払えず大学を中途退学したものの××医学研究所に研究員として採用され、××感染症の研究で知られるようになる。▲▲大学を経て○○大学で教鞭を執る傍ら、〇〇感染症が○○ウイルスによって引き起こされることを世界で初めて発見した。さらに〇〇感染症のワクチン開発にも成功するなど、〇〇感染症の制圧に大きく貢献した。
その後、政治家に転身し、1995年に〇〇合衆国の第10代大統領に就任する。しかし、大統領選挙の結果に疑義を唱えるタイガー・ジェットら▲▲党と激しく対立し、国内が騒乱状態となった。大統領退任後はプロレスラーとなり、世界最高齢レスラーとして今もリングに上がる。
来歴[編集]
生い立ち[編集]
マッチョ・ドラゴンは、1900年1月1日、アメリカ合衆国のユタ州で生まれた。父であるケント・ドラゴンは〇〇合衆国の外交官であり、前年より在アメリカ合衆国大使館の一等書記官を務めていたことから、ドラゴン家はワシントンに居を構えていた。しかし、母のリンダが旅行中に突如産気づき、ユタ州でマッチョを出産した。マッチョは生後すぐに重度の麻疹に感染し、身体も弱かったことから、大事を取りリンダとともに5歳になるまでユタ州で暮らした。……
こうしたらどうでしょうか？--WKPDJP（会話） 2020年4月18日 (土) 08:51 (UTC)
返信 なるほど！！ 「style="float:right;"」を指定したうえで、2つのインフォボックスを「｛」「｝」で囲うということですかね。そういう手法があるとは知りませんでした、ありがとうございます！！ こういう方法を使わないとインフォボックスは2つ連続させられないんですね。しかし、このような手法を知らないで2つ連続させている人も多いんじゃないかと思います。ありがとうございます。--126.149.49.150 2020年4月18日 (土) 09:14 (UTC)
- いえ、私は画像の位置は気にしないで普通にインフォボックス2つ並べればいいと思いますけど……。そもそも画像は右寄せが原則ですから、こういう状況にはあまりならないのでは。--WKPDJP（会話） 2020年4月18日 (土) 09:26 (UTC)
- 返信 (WKPDJPさんへ宛) 例えば、記事本文があまりない場合、常に画像右寄にしちゃうと、うーんと下の方に画像が突出して表示されることになっちゃいますよね。あるいは、上のレイアウト例でいうと、本来は「概要」セクションの記事本文を補足しつつ内容を深めるような画像を「概要」セクションに左寄で表示したかったのに、２つ目のインフォボックスの位置まで強制的に表示位置がずれてしまいますと、結果的に記事本文を補足し理解を深めるという本来の画像の役割が果たせなくなっちゃうと思うんですよ。--126.213.93.245 2020年4月18日 (土) 10:47 (UTC)
テーブルタグはページのレイアウトのために用いるべきではなく、WKPDJP さんの方法だとマークアップの仕方としては不適切です。こういった場合に infobox の集合を表すときは div 要素を使うのが適切です。2 つの infobox を <div style="float: right"> と </div> で囲うべきです。見た目では何も変わりませんが、HTML の解釈が異なり、視覚障害者などのアクセシビリティが向上します。--Yuukin0248[会話/投稿記録] 2020年4月18日 (土) 09:55 (UTC)
- 返信 (Yuukin0248さんへ宛) なるほど、マークアップ言語なのだから、ただ見た目がきれいに見えればそれでよいわけではなく、タグの意味付けにも気を配った方がよいということですね。ご指摘いただいたように「div style="float: right"」で対応するとなると、下記のようになる感じでしょうか。--126.213.93.245 2020年4月18日 (土) 10:47 (UTC)
| マッチョ・ドラゴン | |
|---|---|
| 生年月日 | 1900年1月11日（124歳） |
| 出生地 |
ユタ州 |
| 出身校 | オックスフォード大学法学部中途退学 |
| 前職 | 〇○大学医学部教授 |
| 現職 | プロレスラー |
| 称号 | 医学博士（〇〇大学） |
第10代 〇〇合衆国大統領 | |
| 当選回数 | 1回 |
| 在任期間 | 1955年4月1日 - 1960年3月31日 |
| 生誕 |
1900年1月11日（124歳） ユタ州 |
|---|---|
| 研究分野 | 医学 |
| 研究機関 |
××医学研究所 ▲▲大学 〇〇大学 |
| 主な業績 |
〇〇感染症の病原体が 〇〇ウイルスであることを発見 ○○感染症のワクチン開発に成功 |
| 主な受賞歴 | 〇〇合衆国国民栄誉賞（1950年） |
| プロジェクト:人物伝 | |
マッチョ・ドラゴン（1900年1月1日 - ）は、〇〇合衆国の医学者、政治家、プロレスラー。ほげほげプロレス社長。政治活動時には維基 百科之介（いき ひゃっかのすけ）名義を用いる。
××医学研究所研究員、▲▲大学医学部准教授、〇○大学医学部教授、〇〇合衆国大統領などを歴任した。
概要[編集]
ユタ州出身の医学者である。学費が払えず大学を中途退学したものの××医学研究所に研究員として採用され、××感染症の研究で知られるようになる。▲▲大学を経て○○大学で教鞭を執る傍ら、〇〇感染症が○○ウイルスによって引き起こされることを世界で初めて発見した。さらに〇〇感染症のワクチン開発にも成功するなど、〇〇感染症の制圧に大きく貢献した。
その後、政治家に転身し、1995年に〇〇合衆国の第10代大統領に就任する。しかし、大統領選挙の結果に疑義を唱えるタイガー・ジェットら▲▲党と激しく対立し、国内が騒乱状態となった。大統領退任後はプロレスラーとなり、世界最高齢レスラーとして今もリングに上がる。
来歴[編集]
生い立ち[編集]
マッチョ・ドラゴンは、1900年1月1日、アメリカ合衆国のユタ州で生まれた。父であるケント・ドラゴンは〇〇合衆国の外交官であり、前年より在アメリカ合衆国大使館の一等書記官を務めていたことから、ドラゴン家はワシントンに居を構えていた。しかし、母のリンダが旅行中に突如産気づき、ユタ州でマッチョを出産した。マッチョは生後すぐに重度の麻疹に感染し、身体も弱かったことから、大事を取りリンダとともに5歳になるまでユタ州で暮らした。……
コメント こういうことでしょうか。たしかに画像の左寄もちゃんと表示されています。--126.213.93.245 2020年4月18日 (土) 10:47 (UTC)
- 返信 (Yuukin0248さん宛) 横やりになってしまいますが、教えてくださりありがとうございました。アクセシビリティも考えるように気を付けます。--WKPDJP（会話） 2020年4月18日 (土) 11:13 (UTC)
情報 Wikipedia:井戸端/subj/divについてでこの方法を使用した場合の問題点が指摘されています。--Takayasu（会話） 2020年6月27日 (土) 06:35 (UTC)