解決済
AAがどうしてもズレてしまいます
上記質問及びサイトにある方法は一通り試したのですが、どうしてもうまくいきません
いずれの方法を用いた場合でも、下記の様にタグが残った状態で記事に反映されてしまいます
例
<div class="aa"> ∧ ∧
(*‘ω‘ *) ちんぽっぽ
( )
v v</div>
どういった原因が考えられますでしょうか？
回答(3)
3.
入力された空白や、改行をそのまま使う場合は、その範囲を<pre></pre>で囲みます。pre タグのスタイルが既に設定されている場合があるので、それを修正するか、別途クラス指定で、新しくスタイルを追加で書きます。
だいたいそのようなことを質問でリンクになっているページで説明されています。
回答２は、そもそも、<div class="aa"> のようなタグが機能せずにそのまま表示されてしまうことについて回答したものです、言葉が足りずにすみません。
それで、リンク先と重複してしまいますが、
<div class="aa">
中身AA
</div>
としたら、
スタイルシートでは、
div.aa { white-space: pre }
のような、設定を追加します。ＩＥの互換モードの場合それではうまくいかないと言うような場合
<pre class="aa">
中身AA
</pre>
のように単にpre で囲んで下さい。
それに対して、スタイルを設定する場合は、
pre.aa { スタイルの設定 }
のようにします。
ありがとうございました！うまくできました！
他に比べlivedoorブログが何かと便利なので、乗り換えようと思っていたところ、AAだけがどうしてもきれいに表示されず困り果てていたので、本当に助かりました
丁寧な説明をして頂き有難う御座います
1.
それが分かりません。それから記載したいブログやＨＰのＵＲＬを
書いてくれないと、
回答できるだけの知識を持った方も回答できません。
ちなみに、自分は何のことかさっぱり分からないので回答はできません。
2.
そのような場合は、ＨＴＭＬボタンを押して、そこで記述更新して見て下さい。
ありがとうございます
WYSIWYGエディタではなくHTMLエディタを利用していました
また、WYSIWYGエディタのブログ投稿場面にHTMLボタンが見当たらなかったので、HTMLエディタから試してみました
HTMLエディタの投稿画面からHTMLボタンでHTMLソースエディタの画面に、これ↓を貼り付けたところ
<div class="aa"> ∧ ∧
(*‘ω‘ *) ちんぽっぽ
( )
v v</div>
このように↓表示されました
∧ ∧ (*‘ω‘ *) ちんぽっぽ ( ) v v
このAAは行数が少ないので改行をすれば良いのですが、行数が多く、このように改行をされないで表示されるとどこで改行すべきか分からなくなるようなAAの場合はHTMLソースエディタの画面に投稿する際に< /br>タグを一行ごとに挿入するしかないのでしょうか？
コメント(4)
>>1
申し訳ございません、livedoorブログの記事本文中です
使用しているデザインは「みんなのデザイン」の中の「cafe style」というものです
ブログ管理画面の「カスタマイズ/管理」→「デザインの選択」→「みんなのデザイン」→「利用者ランキング」で確認して頂けると思います、上位に表示されていますので
ちなみに「デフォルト2003」等、幾つか他のデザインでも試してみましたがダメでした
よろしくお願いします
>>3
例示された３つの中では、同じ事なら３番目の
<pre class="aa">アスキーアート</pre>でいいと思います。
ただ、"ＭＳ Ｐゴシック" は、プロポーショナルなフォント（字間がつまる）なので、アスキーアートには、Ｐの無い方を指定した方がいいと思います。
あと、ブログの投稿の（その記事の）設定で、改行を反映するにチェックが付いていたら、チェックをはずしておかないと、<br />が追加されてしまうので（一行空きのような表示になってしまいます）、チェックを外して投稿下さい。
自分のメモも兼ねてベストアンサーへのお礼の前コメントを残しておきます、失礼致します
ありがとうございます
なんとか表示できるようになった？と思うのですが、リンク先の説明含め、私が理解しきれていないので、現状のスタイルシートの設定等を見て頂いてもよろしいでしょうか？
何度もすいません
スタイルシートには以下のものを加えました
.aa {
font-family:"ＭＳ Ｐゴシック","Mona","mona-gothic-jisx0208.1990-0",sans-serif;
font-size:12px;
line-height:14px;
}
そしてブログ投稿画面のHTMLソースエディタ画面から
<pre><div class="aa">アスキーアート</div></pre>
<pre><span class="aa">アスキーアート</span></pre>
<pre class="aa">アスキーアート</pre>
と入力すると、一番うまくいく状況ではないかと思われます
この方法が最適と考えていいのでしょうか？
何度も申し訳ないです…
うまくいって良かったデス
