Home > Archives > 2008-09-12
2008-09-12
<p>タグとセンタリング
- 2008-09-12 (金)
- ブログ
ども。こんばんは。
以前からフィギュア記事や撮影記事に謎の文字ズレがありました。
通常、記事欄の左端は、少し隙間が空いているハズなのですが、特定の記事だけ左端がキツキツなのです＞＜
なんか、おかしいなぁ～と思いつつ、スルーしていたのですが、、、（オイｗ
昨日、ちょと調べてみましたところ、、、
どうやら、<p>タグがセンタリングのところで閉じてしまっているようなのです。
わかりやすく言いますと、、、
１）
<p>
<center>
</center>
</p>
２）
<center>
<p>
</p>
</center>
１）と２）は、同じように見えるのですが、実はちょと違うのです。
１）の<p>タグは、<center>のところで閉じてしまうのです。
ですので、</center>と</p>の間に書いた文章には、<p>タグが無効になってしまうようなのです＞＜
先日、WordPress改行問題 やや解決編ということでアレコレやったりしました。
その際に<p>タグがほとんど消滅したのですが、記事の頭と終わりには<p>と</p>が残っているのです。
通常の文字だけの記事やセンタリングしていない写真が入っている時には問題無いのですが、、、
センタリングしてしまうと、そこで<p>タグが切れちゃっていたのです。
何で気づかなかったかと言いますと、、、
通常、写真入りの記事は、写真を最初に持ってきています。
ですので、センタリングした写真の前に文章が無いのです。
もし、あれば、そこだけきちんと左に余白が出来たと思います＞＜
それを見れば、気づいた、、、かもしれません(/ω＼)
ちなみに、<center>でも<div align="center">でも同じようです。
では、どうするかと言いますと、、、
センタリング写真の後に<p>タグを入れて、次のセンタリング写真の前に</p>タグを入れるようにしたいと思いますｗ
昨日、すでにグレーバランス調整方法２の記事を直しちゃいましたが、、、ｗ
他のズレている記事も順次直しておきたいと思います。
と、まぁ何と言いますか、、、
改行問題で<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
- Comments: 2
- Trackbacks: 0
Home > Archives > 2008-09-12
