Home > ブログ > <p>タグとセンタリング

<p>タグとセンタリング

ども。こんばんは。

以前からフィギュア記事や撮影記事に謎の文字ズレがありました。
通常、記事欄の左端は、少し隙間が空いているハズなのですが、特定の記事だけ左端がキツキツなのです><

なんか、おかしいなぁ~と思いつつ、スルーしていたのですが、、、(オイw
昨日、ちょと調べてみましたところ、、、

どうやら、<p>タグがセンタリングのところで閉じてしまっているようなのです。
わかりやすく言いますと、、、

1)
<p>
<center>
</center>
</p>


2)
<center>
<p>
</p>
</center>


1)2)は、同じように見えるのですが、実はちょと違うのです。
1)の<p>タグは、<center>のところで閉じてしまうのです。

ですので、</center>と</p>の間に書いた文章には、<p>タグが無効になってしまうようなのです><

先日、WordPress改行問題 やや解決編ということでアレコレやったりしました。
その際に<p>タグがほとんど消滅したのですが、記事の頭と終わりには<p>と</p>が残っているのです。

通常の文字だけの記事やセンタリングしていない写真が入っている時には問題無いのですが、、、
センタリングしてしまうと、そこで<p>タグが切れちゃっていたのです。

何で気づかなかったかと言いますと、、、
通常、写真入りの記事は、写真を最初に持ってきています。

ですので、センタリングした写真の前に文章が無いのです。
もし、あれば、そこだけきちんと左に余白が出来たと思います><

それを見れば、気づいた、、、かもしれません(/ω\)
ちなみに、<center>でも<div align="center">でも同じようです。


では、どうするかと言いますと、、、

センタリング写真の後に<p>タグを入れて、次のセンタリング写真の前に</p>タグを入れるようにしたいと思いますw
昨日、すでにグレーバランス調整方法2の記事を直しちゃいましたが、、、w

他のズレている記事も順次直しておきたいと思います。


と、まぁ何と言いますか、、、
改行問題で<p>タグの自動挿入カットしたのに今度は自分で入れなきゃいけないとは、、、orz


参考HP:
HTMLのコーディングチェック http://www.asahi-net.or.jp/~bd9y-ktu/htmlrel_f/index.html
→センタリングとフォントの指定範囲を考えてみます。
 http://www.asahi-net.or.jp/~bd9y-ktu/htmlrel_f/jirei_f/sample.html

コメント:2

スパ 08-09-12 (金) 23:27

centerタグも,div align=・・・もHTML4.01では非推奨ですので,CSSで指定してはどうでしょうか。
text-alignとmargin-left, -rightですかね。

Rio 08-09-13 (土) 18:09

こにちはーw
情報ありがとうございます\(^o^)/

CSSを指定してみましたが、うまくいきませんでした><
文頭~文末のpタグ内にブロック要素が入れられないようなので、divでセンター指定している直前でpタグが閉じているようです。

インライン要素のspanだとうまくいきそうなのですが、、、
spanで指定するとウンともスンとも言わなくなってしまいましたorz

たぶん、Wordpressの中の何かが影響していそうなのですが、、、
(試しに簡単なhtmlファイルを作るとうまくいくのです。)

とりあえず、記事中のやり方でやりつつ、また色々情報を探してみようと思います^^
CSSももう少し勉強が必要なようです゚゚・(≧д≦)・゚゚・。

コメントフォーム
入力情報を記憶させますか?

※日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)

トラックバック:0

このエントリーのトラックバックURL
http://kimagureman.net/archives/1285/trackback
Listed below are links to weblogs that reference
<p>タグとセンタリング from Kimagureman! Studio ~趣味全開! 気まぐれ更新日記~

Home > ブログ > <p>タグとセンタリング

ショップ Links
伊賀屋人形店
リンク
Blog Parts
にほんブログ村 ゲームブログ 艦隊これくしょんへ
にほんブログ村 コレクションブログへ
霜月はるかのFrostMoonCafe+
霜月はるかのFrostMoonCafe+
わぷー
ja.wordpress.org 公式キャラクター『わぷー』
ブログを見に来てくれた人たち
フィード

Return to page top

back to top