• ベストアンサー
  • 困ってます

ブログ内、囲み枠の改行

WORDPRESSでの質問です。 ブログ内で、文章を囲み枠で書きたいのですが上手くいきません。 具体的には改行です。 HTMLでは改行しているのですが(画像・上)、実際、プレヴューで確認すると、並んで表示されます(画像・下)。 どうすれば囲み枠の中で、箇条書きの様に改行できるのでしょうか? ご存知の方、ご教授よろしくお願い足します。

共感・応援の気持ちを伝えよう!

  • 回答数3
  • 閲覧数67
  • ありがとう数3

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

  • ベストアンサー
  • 回答No.2

【改行】 ・本分<br/>・本分2<br/>・本分3 または 【段落】 <p>・本分</p><p>・本分2</p><p>・本分3</p> HTMLでは改行は<br>です。

共感・感謝の気持ちを伝えよう!

質問者からのお礼

助かりました。 全然なんともいかなくて困っていました。 ありがとうございました。

関連するQ&A

  • HTMLが反映されない(ブログの囲み枠)

    WORDPRESSでブログを書いているのですが、文中に「囲み枠」を配置したくなりました。 その際、HTMLコードを入力したのですが、上手くいきません。 なぜか下書きでは順調に表示されますが(左)、プレヴューで見ると、タイトルと本文が別れてしまいます(右)。 原因が解る方ご教示お願い致します。 *使用テーマ:COCOON <コード> <div style="background: #ff6666; padding: 5px 10px; color: #ffffff; border-radius: 10px 10px 0 0;"><strong>見出しタイトル</strong></div> <div style="background: #ffffff; padding: 10px; border: 2px solid #ff6666; border-radius: 0 0 10px 10px;"> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p> <p>&nbsp;</p></div>

  • Photoshop 改行について

    Photoshop 改行について教えてください。 文章を入力し、改行(enterキー)をした際、 今までは通常通り、文章が下へ下へ(1行目の下に2行目)改行されていたのに、 何故か急に改行すると文章が、上に上に(enterキーを押して改行すると、1行目の上に2行目になる)改行されるようになってしまいました。 通常通り、文章を下に改行していく方法を教えて下さい。 OSはMac Os 10.6.4です。 何卒宜しくお願いいたします。

  • ブログで改行が入って表示出来ません

    FC2ブログを始めて約1ヶ月です ただ、パソコンやネットの知識は、ありますが ブログやタグは初心者です それで、改行が入って表示出来ないって言うのが 実は、下記の様な配置で作りたいんですが 文章   文章 画像の名前   画像の名前   画像      画像   文章   動画の名前   動画 画像の名前の上が1行分改行が多く 動画の名前の直ぐ下に、動画を持って来たいのに 1行多く入って動画の配置に、なるんです こういう配置に、なってしまいます   文章   文章 画像の名前   画像の名前   画像      画像   文章   動画の名前   動画 そしてタグなんですが 文章 <TABLE border="0"> <TBODY><TR><TD><center>画像の名前</center><a href="画像URL" target="_blank"><img src="画像URL" alt="ブログに保存してる画像名" border="0" width="幅の数字" height="高さの数字" /></a> </TD> <TD width="40"></TD> <TD><center>画像の名前</center> <a href="画像URL" target="_blank"><img src="画像URL" alt="ブログに保存してる画像名" border="0" width="幅の数字" height="高さの数字" /></a> </TD> </TR></TBODY></TABLE> 文章 動画名 <script type="text/javascript" src="http://blog93.fc2.com/fc2video.php?id=2009080790VzKKeq"></script> こういう感じで 改行せずに付けたい所はタグと文章同士も付けてるんですが それでも改行に、なってると言う訳です これは、どうしてなんでしょうか? それと、以前に、これでタグの勉強すれば? と、こういうHPを教えて頂きました http://www.tagindex.com/html_tag/table/index.html 但し、このHP タグの解説は、してますが タグと文字の解説だけなんで、解説を読んでもイメージしか浮かばず 実際の反映具合が分かりません つまり、英語で言うと文章の解説だけ載ってて 反映具合が分からない… それで、今私がブック(ブックマーク)に入れてるのが こういうHPで、ここは反映具合も載ってますが http://www3.ocn.ne.jp/~uri-o313/yumesato/tag/index.html http://www.d3.dion.ne.jp/~tiyoko01/cho-3.html これは英語で言う所の単語の解説だけです 従って、ここの様に文章が載ってて http://www.tagindex.com/html_tag/table/index.html 反映具合も載ってるHPは御存じ無いでしょうか?

その他の回答 (2)

  • 回答No.3
  • 4017B
  • ベストアンサー率71% (1061/1485)

本文?とやらを文頭に ・ みたいな印を付けて箇条書きみたいにしたいのであれば、以下の記述例の様にする方がベター <ul style="border:2px dotted #00f;"> <li>項目1</li> <li>項目2</li> <li>項目3</li> </ul> P.S. 枠線や背景色などはHTML内部に直書きするのでは無く、外部CSSから読み込む形でもスタイルシートとして記述してデザイン指定すべき。よくわからない、やっても何か上手くいかないので~と言うのであれば上手く行くまで何度でも挑戦し勉強し試行錯誤すべき。そういう修行?的な行為に魅力を見いだせない人はWPの様なCMSは向いてないので、本文の文章内容のみに注力するか、webデザイナー的な人を別途に雇って頼むべし。 尚、<fieldset> は <input> みたいなフォーム部品を囲んでグループ化する時に使うタグなので、普通の文章を枠線で囲むための装飾に使ってはダメです。HTMLタグには全て意味があり、それぞれに用途が決まっています。分からないとか面倒くさいと思う様であれば、素直にビジュアルエディタのみを使って記事を書き、HTMLエディタでの直書きみたいな通ぶった事は止めるべきです。とりあえず <div> を使って置けばOKで、後は知識が増える毎に少しずつ手を広げて行く。 またHTML5で行くのであれば改行は <br> と記述すべきであり、<br/> みたいなXML風の単独閉じタグとして記述してはいけません。…と言いつつもWPはデホだと勝手に単独タグ <img><hr><br> などをXML風単独閉じタグに置換処理してしまうので、これは一種のWP本体のバグです(WP公式的にはHTML4.1で処理するので問題無いと考えている様ですが、その割にはHTML5以降の独自をタグを記述させる様になってるので矛盾がある)。 これを回避するためにはWP本体側の置換処理関数を停止させ、functions.phpに自前で表示用の関数などを記述して処理させる必要があるため、一気にハードルが上がります。一応、W3Cのアナウンスでは非推奨であり、現状では警告やエラーにはならないので良く分からない場合は放置でも構いませんが。敢えて意図的にXML風単独閉じタグ記述をするのは避けるべきです。

共感・感謝の気持ちを伝えよう!

質問者からのお礼

厳しいコメントありがとうございます。 本人も、試行錯誤してみたのですが、なんともいかなくて…。 なんせブログ解説までに3週間もかかってしまったPCオンチなので。 おっしゃるとおり修業が足りないのかもしれせん。 一歩一歩着実に励みます。

  • 回答No.1
  • agehage
  • ベストアンサー率22% (1374/6144)

改行させたい位置に<br>(全て半角)でどうでしょう?

共感・感謝の気持ちを伝えよう!

質問者からのお礼

ありがとうございます。 上手くいきそうです。

関連するQ&A

  • livedoorのブログの画像で

    livedoorのブログを使い始めた初心者です。 画像を貼って、文章を書くと、画像のすぐ横から文章が始まってしまって、見づらくなってしまいます。 改行を何度もしても、画像のあとの文章からは改行されません。 ブラウザはOPERAなので、ライブドアのHTMLのものも使えないでいます。 画像の次の行を空白にして、その下から文章を続ける方法をおしえてください。 おねがいします。

  • ブログの改行、行間

    ブログを閲覧していて、改行が多いっていうより、 行間が異様に空いている文章をよく見かけます。 自分からすると(ジジイだからか)見づらい感じがします。 調べ物をしていて、検索して有意義な事が書いてありそうなブログでも、 スクロールするのがめんどくさいので大抵は読むのは止めてしまいます。 で、質問なのですが、このような書き方はハヤリなのでしょうか? ハヤリだとしたら、元となるブログはあるのでしょうか? くだらない質問かと思いますが、ご存知の方、回答お願いいたします。

  • Wordの改行の変更方法

    箇条書きについて質問です。 改行を多用した文章を、箇条書きに変更したい場合、項目に分けたくない全ての改行を「シフト+改行」に書き換えなければいけないのでしょうか?

  • MACで勝手に改行されてしまいます。

    こんにちわ。 Win2000と、DreamweaverMXを使用してWebページを作成しておりますが、IE6、NN7で確認して綺麗に表示されるページが、アップをし、Macで見たところ、文章の途中で改行が勝手にはいってしまいます(しかも、単語の途中で・・・(TT)  明日は友 人と遊びにいきます。 かなり見栄えが悪く、もちろん改行がはいっていたりするわけでもなく、行の途中で改行がはいってしまうのです。 テーブル内の文章で、文章よりも一行上には画像が。 一列右にも画像がはいっております。 何が悪いのでしょうか???・・・。

    • ベストアンサー
    • HTML
  • blogのコメント欄に改行されないコメントをいれるとレイアウトがくずれる。

    http://themes.wordpress.net/testrun/?wptheme=850 上記のURLはword pressを使ったブログサイトなんですが、 このテーマを自分のブログに使わせて頂こうと思っています。 ですが、1つ問題がございましてコメント欄に1111111・・・1 など改行せずにコメントされるとレイアウトが崩れてしまい、きちんと 表示されません。 これはどのようにして修正すればよろしいでしょうか? 教えて下さい。お願い致します。

    • ベストアンサー
    • CSS
  • Wordのテキストボックスと、文書の改行

    Wordで文書を作成し、その途中でテキストボックスを入れました。その後、テキストボックスの挿入位置より上(下の図でいうと、■の行)に文章の続きを追加して入れたいのですが、*の位置からある程度のスペースを確保したいと思ってEnterで改行をしたところ、テキストボックスの下の位置(○の行)へカーソルが飛び、そこから書き始めるように改行されてしまいました。 ****  ←文章 ■■■■  ←この行に追加で文章を入れたい。 ――― |   |  ←テキストボックス ――― ○○○○  ←しかし、*のあとからEnterを押すと、この位置からしか始まらない。 以前は、*の直後に改行したら、テキストボックスごと下へと改行されて、文章をちゃんと入れることが出来たんですけど、今はどうしてか出来ません。 テキストボックスの詳細設定とか見たんですけど、分からないので、質問させていただきました。 …分かりにくい説明になってしまいましたが、どなたかご教授お願いします。

  • アクセスでテキストデータを改行させる

    アクセスで箇条書きの文章をフォームで表示したいのですが、データ入力の時なんらかの改行するコマンドを入力することで、フォームでそのように改行して表示するにはどのようにしたら良いのでしょうか、宜しくお願いします。

  • アメーバブログで改行

    アメーバでブログをやっているんですが 投稿画面で、改行はできても 表示を確認してみると改行ができていません HTMLタグで<br>と入れても全然だめで…。

  • ブログの画像表示を速くしたい

    超初心者ですが、最近ブログを始めました。 自分のブログを開いてみると、画像のダウンロードが遅く、 文章ははやいけど、画像だけがゆっくり上から表示されていき、 全体が表示されるまで時間がかかってます。 他の人のブログを見るとすごく速く画像が表示されているので どこをどうすれば速く出来るのかわかりません。 すごく素人で恥ずかしいのですが、どうか宜しくお願いします。

  • 楽天ブログで改行ごとにスペースが挟まってしまいます。

    楽天ブログのヘルプを読んだり、いろいろ検索してみたのですがどうにも解決できず お手上げ状態になってしまったのでここで質問させていただきます。 楽天ブログを登録し、早速HTMLのテンプレートを貼り付けてブログのプレビューを確認したのですが 改行ごとにかなりのスペースが挟まってしまいます。 ページの設定では「自動改行なし(<BR>タグで指定)」というのを選ぶところがあるのですが ブログの設定ではどこを変更すればいいのかわかりません。 今までFC2ブログを使っており、そこでは使えていたHTMLなので タグが間違っているということもないと思います。 スペースだらけになってしまいとっても見づらく困っています。 対処法をご存知の方がいましたらよろしくお願いいたします。