• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:画像配列のタグが分かりません)

画像配列のタグ設置方法について

このQ&Aのポイント
  • FC2ブログにおいて、画像と解説を上下に並べるタグの方法について知りたいです。また、設置方法によって文章の長さも変わるようです。
  • これまでの設置方法では、画像の隣に解説を配置していましたが、改行がされずに表示されていました。改行を含めた設置方法についても教えてください。
  • いくつかの設置方法を試してみましたが、タイトルと画像や上部に大きなスペースが開いてしまいます。適切な設置方法についてアドバイスをいただきたいです。

質問者が選んだベストアンサー

  • ベストアンサー
  • naokita
  • ベストアンサー率57% (1008/1745)
回答No.2

NO.1です。 本来、昔から初心者でもHTMLが知らなくても 文章を簡単に投稿する為のブログ投稿画面なので、 改行もそのまま反映させる仕様なのです。 投稿画面では、それが単なる文章なのかHTMLなのかを判断しませんから 作者の記述した通りに(改行通りに) 全ての改行に<br />を命令通りに挿入しているだけです。 ※ ここの質問・回答画面の改行も自動改行なので同じです。 (投稿画面で書いた段落をそのまま反映させる方がユーザーに優しい) その投稿画面でHTMLをそのまま記述し反映させようとすると 投稿画面での改行が反映されてしまいHTMLテクストの改行まで 改行<br />が含められHTMLが不正になるのです。 今回のテーブルがその例です。 逆に改行なしの通常のHTMLテキストの中で 表面上改行しても改行は反映されませんので公開画面が1行になします。 理由は、改行タグや段落の br や p を書かなければ改行されないから 携帯の様に1行になるのは当然の結果です。 「改行なし」とは、「改行設定」ではない方、「HTMLタグのみ」って事。 つまり、「改行なし」なのだから通常の文章を投稿画面で改行しても 実際の表示画面では、改行にならないのが通常。 「HTMLタグのみ」で文章を改行したいのであれば、 --------------------------------------- 例: <p>回答有難う御座います<br />結論から言うと、解決しましたただ、<br />新たな疑問が出た為</p> -------------------------------------- ↑の様に1行にすれば、この様に↓表示される。 -------------------------------------- 回答有難う御座います 結論から言うと、解決しましたただ、 新たな疑問が出た為 -------------------------------------- ※ <br> か <br /> はバージョンによる。 ※質問者さんが、どのように設定したのかはわかりませんし、  現在の環境が、どうなっているのかはわかりません・・・  そのブログを表示して、その部分のソースを見れば判明可能ですから  一度表示して、何処に<br />が自動記述されているか判断し  何故そうなったのか原因を追及すれば良いと思う。 >“4)CSSが効いている…margin や padding …隙間が…”に関しては 可能性として先の原因の他に上下左右に隙間ができるという事は、 CSSで margin や padding が効いているという事もあるので示唆・・・ --------------------------------------- 色々試行錯誤しているようですが、 「HTMLタグのみ」(CSSも交えて)を利用すれば、(FC2は可能です) 文章や表・画像を好きなように自由に反映させる事が可能です。 通常のウェブサイトと同じって事です。 HTML,CSSは命令通りに反映されます。 反映されないのは、バグやブラウザにもよりますが、 制作者の誤記・不正や知識がないだけなのです。 って事で、不具合などはHTML/CSSを検索や勉強すれば表現可能です。 頑張ってください。

mitsuemon
質問者

お礼

どうも有り難う御座いました

すると、全ての回答が全文表示されます。

その他の回答 (1)

  • naokita
  • ベストアンサー率57% (1008/1745)
回答No.1

(1)自動改行されるのが原因。 ブログでは投稿画面で段落改行すると自動で改行される。 (本来はHTMLで、<br> や <br />で改行するが自動で改行している) つまり、改行しないでHTMLを1行で記述する事。 下記は改行しているように見えるかもしれませんが、これが1行です。 -------------------------------------- タイトル<table border=0><tr><td>画像</td><td>解説1<br>解説2</td><td>画像</td><td>解説3<br>解説4</td></tr><tr><td>画像</td><td>解説1<br>解説2</td><td>画像</td><td>解説3<br>解説4</td></tr></table> -------------------------------------- (2)もしくは、他は1行にしても、 解説1<br>解説2 ここの↑ <br>を無しにして段落改行しても良いと思う。 (3)または、ブログ設定で自動改行を無効にする。 (4)CSSが効いている場合は、タイトルとtable の間に margin や padding が効いていて隙間が開いているのでしょう。 ※ どちらかに統一しましょう。

mitsuemon
質問者

お礼

回答有難う御座います まず結論から言うと、解決しました ただ、前回の投稿時には文字数の関係で書けなかった為 少し説明させて頂きますが “改行しないでHTMLを1行で記述する事” に関しては、実は、その様にも設定してました つまり、今回御指摘で作って頂いた <table border=0><tr><td>画像<br>解説</td><td> この様に、タグとタグの間も詰めました それでもダメだったんです “自動改行されるのが原因。” ハイ…実は以前に質問した時 回答者の方に、ソースを見て頂いたんですが その自動改行も入っていた様です ただ“または、ブログ設定で自動改行を無効にする。” この事に関しては、FC2ブログでは出来ないのかも知れません と言うのが「改行の扱い」の所では 「自動改行」と「HTMLタグのみ」の2項目なんですが 「HTMLタグのみ」に設定すると 例えば、この文章が↓ --------------------------------------- 回答有難う御座います 結論から言うと、解決しました ただ、新たな疑問が出た為 -------------------------------------- この様に↓ -------------------------------------- 回答有難う御座います結論から言うと、解 決しましたただ、新たな疑問が出た為 -------------------------------------- まるで携帯のメールみたいに 全ての文字が繋がってしまうんです 但し、今回のタグに関しては タグの間に隙間が空いてる時には改行されてましたが 隙間無くタグを付けると、改行も無くなりました それで不思議なのが 私自身、意識的な設定は変更して無いんですが 現在では正常に反映してる為、それが不思議で仕方が無いんです これは原因として何だと思いますか? それと “4)CSSが効いている…margin や padding …隙間が…” に関しては、どういう解釈を、すれば良いんでしょうか? そして今回、たまたまなんですが あるHPに載ってるタグを見つけたんですが 今回は、こういう希望でした タイトル 画像 解説 画像 解説 画像 解説 画像 解説 ただ、進んで行くと タイトル  タイトル 画像 解説 画像 解説 画像 解説 画像 解説 こういう時も出て来たんですが この場合 <table border=0><tr><td>タイトル</td><td></td><td>タイトル</td> 中略</td></tr></table> で出来ました、従って この応用でも出来たんですね(笑)

すると、全ての回答が全文表示されます。

関連するQ&A