- 2008-09-12 (金) 19:31
- ブログ
ども。こんばんは。
以前からフィギュア記事や撮影記事に謎の文字ズレがありました。
通常、記事欄の左端は、少し隙間が空いているハズなのですが、特定の記事だけ左端がキツキツなのです＞＜
なんか、おかしいなぁ～と思いつつ、スルーしていたのですが、、、（オイｗ
昨日、ちょと調べてみましたところ、、、
どうやら、<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
- Newer: 「今月のフィギュア情報 他」
- Older: 「ガレージキットの思ひ出」
Comments:2
- スパ 08-09-12 (金) 23:27
-
centerタグも，div align=・・・もHTML4.01では非推奨ですので，CSSで指定してはどうでしょうか。
text-alignとmargin-left, -rightですかね。 - Rio 08-09-13 (土) 18:09
-
こにちはーｗ
情報ありがとうございます＼(^o^)／
CSSを指定してみましたが、うまくいきませんでした＞＜
文頭～文末のpタグ内にブロック要素が入れられないようなので、divでセンター指定している直前でpタグが閉じているようです。
インライン要素のspanだとうまくいきそうなのですが、、、
spanで指定するとウンともスンとも言わなくなってしまいましたorz
たぶん、Wordpressの中の何かが影響していそうなのですが、、、
（試しに簡単なhtmlファイルを作るとうまくいくのです。）
とりあえず、記事中のやり方でやりつつ、また色々情報を探してみようと思います＾＾
CSSももう少し勉強が必要なようですﾟﾟ･(≧д≦)･ﾟﾟ･｡
Trackbacks:0
- Trackback URL for this entry
- https://kimagureman.net/archives/1285/trackback
- Listed below are links to weblogs that reference
- <p>タグとセンタリング from Kimagureman! Studio ～趣味全開！ 気まぐれ更新日記～
