07≪ 2017/08 ≫09
12345678910111213141516171819202122232425262728293031
個別記事の管理2009-11-16 (Mon)
最近とても多く頂くご質問で、背景に白いレースのボーダー画像を使用しているテンプレート(lace-ck2,ck3 lace-d2c,d3cなど)のレース部分が、一度表示された後消える現象を解消したいというのが有ります。
Winでは表示されず Macで閲覧すると表示されているらしく、その現象をブログを開設しているAuthor様自体が気付かない場合も。
幾つかのブログのHTMLソースを拝見させて頂くと、ほぼ共通している部分が有りました。
タグの閉じ忘れ、です。
記事内やプラグインで中央寄せする場合に使用するタグ <center> の終了タグ </center> が有りませんでした。

HTMLでは幾つかの終了タグを省略することが出来る以外、常に対で使用します。
W3Cの仕様書にも省略可能なタグが有りますが、実際には省略した場合ブラウザ側で終了タグを補完しており、厳格な意味で考えればなるべく終了タグを記述するようにお勧めします。
省略できる終了タグは
</p>、</th>、</td>、</dt>、</dd>、</li>
など で、終了タグの無いもの(<br> <img> など)もあります。
XHTMLでは、終了タグは必ず記述します。省略は一切許されていません 。

テンプレートに同じような現象が有ったり、カラムが落ちたりする場合は、タグが対になっているか確認してみて下さい。
<center> で始まっているものが </center> で終わっているか、
<div> で始まっているものが </div> で終わっているか、
それを確認するだけで解決できる場合が沢山有ります。
Theme : FC2ブログ共有テンプレート * Genre : ブログ * Category : テンプレ閲覧障害等
* Comment : (27) * Trackback : (0) * |

ひより様へ * by aki
ひより様、初めまして。
テンプレートのご利用、誠に有難うございます。
貴殿のブログソースを拝見した所、表示されない原因は「ツィッター」の部分のソース最後に</script>が無いためではないかと思われます。
<script type="text/javascript" src="http://www.01256.net/bp/tsubuyaki_twtr.js?id=hiyoridayo"></script>
というように、赤文字部分を追加してみて下さい。

<script>は、文書中にJavaScriptやVBScriptなどのスクリプトを埋め込むためのタグですが、長い場合や複雑な場合はスクリプト部分を外部ファイルにして記述します。
その場合、<script type="text/javascript" src="abcde.js"></script>のように記述しますが、その際の終了タグ</script>は必須!です。省略できません。
IEやLunascapeで閲覧できたのは、どちらもIEコンポーネントを使っているため、かなり表示が寛容(と言って良いものか?)だからなのではないかと思います。
その点でFirefoxはW3C(HPの言語や標準規格を決めている非営利団体)の定めた標準規格に沿って表示されるため、IEよりも厳格に表示に影響が出ます。
要するにタグミスは許されない!という事…ですね。(^^ゞ(IEはバグがかなり有りますので。)

一応、当方の全てのテンプレートは下記のブラウザで表示確認をしております。
IE6, IE7, Netscape7.2, Navigator9.0, Opera8.0, Firefox1.5, Safari3.0, Sleipnir2.7

レース部分と背景の白が消えるのですが * by ひより
お借りしてるテンプレートで
自分の所でもタイトルのようなことになってると
友達からの報告があり
こちらのほうに書いてあったように
タグの閉じ忘れかと思い
何度も見てみたのですが見つけられず・・・
どうやらブラウザーに問題があるみたいでした
ファイヤーホックスだとそうなるみたいです
IE、lunaだと大丈夫でした
ただ一番下のこちらやFC2のリンクがなぜか消えてしまってるのがわからないのですが
もし分かるようであれば教えていただきたいです

kanae様へ * by aki
kanae様へ

テンプレートのご利用及びコメント、誠に有難うございます。
私のテンプレートは、素人知識で手探り作成のため色々ご質問やご要望を頂くのですが、テンプレートの不具合にお答えするのが一番難しいです。
ブログに何も手を加えず、ブログパーツ・プラグインすら無いものは多分…無いでしょうから。(^_^;)
不具合の状況やブログのHTMLを調べ、Netで改善方法を探すしか専門知識の無い私には出来ないのですが、「直りました!」とか「無事改変できました!」というお言葉を頂けるととても励みになります。(^_^)
折角ご縁が有ってご利用頂いているのですもの。。大事にしたいです。

また何かお気付きの点がございましたらコメント下さいね♪
今後とも末永くお付き合い下さいます様、宜しくお願い致します。m(__)m

まさにこの記事のとおりでした! * by kanae
テンプレート使わせていただいています。
家のMacではレースの背景が普通に表示されるのに、
今日Winで見て、びっくりしました。
最近<div>など大きくは触っていなかったので、見当がつかなかったのですが、
この記事を読んで、最近触ったプラグインの中のHTMLに<center>タグがあったことを思い出して、見てみると、閉じタグが消えていました。
ありがとうございます!
これからも使わせていただきます!

葵様へ * by aki
一概にプラグインソースの問題で表示がおかしくなったとは言えないですが、他の利用者の方が問題無く表示できているのに自分の表示がおかしい、という場合はプラグインも疑ってみる必要が有ります。
何故なら、テンプレートが同じでもプラグインで表示する内容までが全て同じという人は滅多に居ないからです。
頻繁におかしくなる現象が現れましたら、1つずつプラグインを外して確認する事をお勧めします。m(__)m

ただ、今現在はきちんと表示されていますのでご報告まで。(^_^)
何かございましたらコメント下さいませ。

色々な知識をありがとう御座います * by 葵
こんばんは★
スーパーリロード機能についての記事も拝見させて頂きました。
その機能そのものを初めて知ったので、とても勉強になりました(^^)

又、プラグインのJavaScriptによる問題などは、私がお借りしている先へ尋ねてみたりしてみたいと思います。
今回、ご指摘頂きました「Search&Category」のHTMLについて、<form id="select_category" action="/" style="display:none;" style="text-align:left">とstyleが2箇所ある点は、実は私もモバイルではありながら、ほんの少しだけ知識がありましたので本来、2つ用いて記述するのではないというのは気になっておりました(>_<)

こちらは、共有プラグインをお借りしているものなので、レンタル先の規約に従い、カスタマイズが大丈夫なようでしたら手直ししてみたいと思います。
プラグインはとても便利で、自分好みのものも沢山ある中、作成者の技術や知識もそれぞれになる為、使いこなすものが難しい場合もあるのでしょうね・・・
理想的なのは、自分で作成出来る事が最高なのでしょうが(^^;

また、カテゴリーにある&を半角にするとソース内で無効になる可能性がある事は知らなかったので、とても助かりました。
自分でも可能な範囲で、お借りしたものは相手方の規約の範囲内で、少しずつ改善していけるように頑張っていきたいと思いますp(*^-^*)q

とても詳しく、様々なことをお教え頂き、ありがとう御座いましたv-238

葵様へ * by aki
その後何度かブログを拝見致しましたが、当方では現象が確認できません。(-_-;)
ソースも別段問題は無いように思いますが…
ソース内で幾つか「あれ?」と思う所は有りましたが、プラグインのJavaScriptによってのソースなので、タグの閉じ忘れが無い限り問題は無いと思うのです。
また、プラグインについては当方が作成していない・JavaScriptに疎いなどの点で修正のしようも無いのです。申し訳ございません。。
ちなみに「あれ?」と思った所は
・Search&CategoryのHTML内にあるスタイルが2つ有る点
<form id="select_category" action="/" style="display:none;" style="text-align:left">
これは↓
<form id="select_category" action="/" style="display:none; text-align:left">
とするべき部分。
・同じくカテゴリー内の文字列「You&J」は&(半角)という文字がソース内で無効になる可能性が有るので(全角)にした方が良い。
…あとはプラグインのJavaScriptなので手出し出来ませんでした。m(__)m

リロードすると直るのであれば、ブラウザのキャッシュが残っている場合も有るので、「スーパーリロード(ブラウザのキャッシュを無視して、Webから最新のデータを読み込む機能)」をかけてみて頂けませんか?
方法は、キーボードの[Ctrlキー]を押しながら、ブラウザの[更新]をクリック、もしくはキーボードで[Ctrl]+[F5]をクリックするだけです。

こちらでも調べてみますので。。宜しくお願い致します。

再度 * by 葵
はい・・(^^;
ブログ移転、ましてやPCのあれこれが分からない私にとってはとても勇気が要りましたが、今はそれも楽しみたいなと思っています♪

とお返事しようと伺わせて頂いた矢先なのですが、やはり再度、例の現象が起こっております。
2度アクセスを続けてしてみましたが、2度共、症状が出て、リロードしたらきちんと表示出来ました。

やはり、アクセスカウンター設置の為にプラグイン3を下部へ移動した事が、この現象を引き起こす原因を作ってしまったのでしょうか(/_<)

お忙しいかと思いますが、お時間のある時で構いませんので、又見て頂けると幸いです。
私もネットなどで原因追及をしてみたいと思います。

Re: ありがとうございます * by aki
ブログの移転って、色々勇気が要りますよね。
慣れない事も多いでしょうし。
分かってくると使い勝手の良いところも見えてきます。i-179
是非カスタマイズも色々試してみて下さいね。
更新記事も勿論i-185楽しみに拝見しておりますので。(^_^)

ありがとうございます * by 葵
こんばんは★
はい、お陰様で今のところ不具合無く表示出来ています(-^〇^-)
前回は出る時と出ない時がありましたので、また何か不具合がありました際には、ご連絡させて頂きますね。

私自身もFC2ブログを利用していきながら、勉強していきたいと思います。

見てみました。 * by aki
今ほど見てみましたが、別段不具合無く表示されているみたいですよね?
出る時と出ない時が有るかも知れませんので、もし何か不具合を見つけられましたらご連絡下さいませ。m(__)m

まだまだ未熟者なので、できるだけ疑問にお答えで出来るよう極力頑張りますので、今後とも末永く宜しくお願い致します。(^_^)

修正致しました * by 葵
こんばんは。
修正が遅くなってしまい、申し訳御座いませんm(_ _)m
やはり、aki様のPCからも状況確認が出来たのですね・・
ページをリロードすると直っていたので、初めは気になっていなかったのですが、取り合えず、aki様にご指導頂いた通りに修正してみましたところ、症状は起きていない様子です。
お忙しいとは思いますが、お時間のある時に改めて確認して頂けると嬉しいです(*^-^*)

本当にFC2ブログのテンプレートは膨大な量で、自分好みを探すだけでも一苦労でした(^^;
でも、aki様がモットーにしていらっしゃる「出来るだけ少ない箇所を変えるだけで“自分色”に出来る」というテンプレートに出会えて、本当に良かったです♪
こちらこそ、いつも分からない事はお尋ねしてばかりでご迷惑をお掛けしておりますが、今後とも末永いお付き合いを宜しくお願い致します。

修正後、確認させて下さいね。 * by aki
先程、状況を確認することが出来ました。途中で背景画像(レース部分)が切れて、ページのリロードをすると表示されました。
ん~~…取りあえず先般のHTML(プラグイン3)部分を修正してみて下さい。
その後にもう一度確認致します。m(__)m

FC2ブログの共有テンプレートは、好みのものを探すには膨大過ぎる数が有ります。
ホントに一苦労の一言です。(^_^;)
なので、当方のテンプレートをお目に留めて頂けたのは私にとってすごく有り難い事なのです。
他の人と同じテンプレートでは物足りない・カスタマイズは良く分からない、という方でも出来るだけ少ない箇所を変えるだけで「自分色」に出来るように作っています。
ただ、製作者自体がまだまだ初心者に毛が生えた程度のスキルしか持ち合わせていないので、色々と不具合が有るかもしれません。
出来るだけ早く解決できるよう努力致しますので、是非♪末永くお付き合い下さいね。(^_^)
こちらこそ今後とも宜しくお願い致します。

ありがとうございました * by 葵
またまた、夜中に失礼致します。
コメントの確認とお礼が遅れてしまい、申し訳御座いませんm(_ _)m

お忙しい中、ソースの確認をして頂き、又、原因と思われる点の修正点を丁寧に教えて頂き、ありがとうございます☆
プラグイン3を下部へ移動している事が原因かもしれないのですね・・・
明日にでも修正してみたいと思います。

又、大変私事では御座いますが、BLOG記事にもありました通り、近日中にはFC2BLOGを新たな場所として公開する予定でおりますので、aki様のBLOGをお気に入りにリンクさせて頂きますね(*'-'*)

FC2BLOGをレンタルして、早数ヶ月・・本当に自分の気に入るテンプレートを見つけ出す事から時間が掛かり、更にプラグイン設定等を自分の好みへと設定していくのにも長い時間が掛かりましたが、aki様のテンプレートに出会えた事を本当に嬉しく思います。

イメージに近いテンプレートでも、自分の理想へとより近づく様に弄れる物になかなか出会えなかったので、使い易さとセンスの良さ、テンプレートに置ける記事やプラグイン位置の配置等、まさに理想的という出会いでした☆

これからもお世話になるかと思いますが、何卒宜しくお願い致します。

管理人のみ閲覧できます * by -

管理人のみ閲覧できます * by -

小梅母様へ * by aki
他サイト様の背景素材をご利用頂いても問題無いので、カスタマイズを楽しんで下さいね。
季節ものの背景素材、今後の作成課題に致します。

ありがとうございます。 * by 小梅母
できました。
画像は、いろいろ探してみます。

小梅母様へ * by aki
ご利用のテンプレートは、背景画像と記事・メニュータイトル背景画像を共有しているので、背景を変えると一緒に変わっちゃうのです。
これを解消するには、背景と記事・メニュータイトルを分けてやる必要が有ります。
スタイルシート編集枠を開くと12行目(空行含む)に

body, .contents_title, .menu_title,.menu3_title {
text-align: center;
background:url(http://blog-imgs-32.fc2.com/s/o/r/sorauta1/tama6.gif); repeat:repeat;
background-attachment : fixed;
background-color : #e5dfd1;
}


という部分が有りますので、そこを下記のように変更して下さい。

body {
text-align: center;
background:url(http://blog-imgs-32.fc2.com/s/o/r/sorauta1/tama6.gif); repeat:repeat;
background-attachment : fixed;
background-color : #e5dfd1;
}

.contents_title, .menu_title,.menu3_title {
text-align: center;
background:url(http://blog-imgs-32.fc2.com/s/o/r/sorauta1/tama6.gif); repeat:repeat;
background-color : #e5dfd1;
}


背景・タイトルに使う画像は、それぞれのurl部分を変更して下さい。
派手じゃないクリスマスっぽい画像は…当方サイトにはちょっと置いて無いです。
申し訳ございません。m(__)m
イメージや色調などを詳しくお教え頂ければ制作できますが…。

管理人のみ閲覧できます * by -

* by 小梅母
よかったです。背景の画像を変えようと思ったけど、
上手く行きません。
記事分のとこまで変わってしまいます・・・

良かったら教えてくださいませ。

ウィルママ様へ * by aki
いえいえ、いつも楽しい記事を有難うございます。
参加できる企画記事は良いですね♪
また色んなアンケート、とってみて下さい。読んでるだけで楽しいです♪

* by ウィルママ
昨日はアンケートへのご協力ありがとうございました。
いつかまとめて記事にします。
うさぎちゃんでもオッケーなんです。
タイトルが「あなたの愛犬はどのタイプ?」なんて
書いたからいけませんでしたね。
応援ありがとうございます。
こちらもぽち

小梅母様へ * by aki
小梅母様へ
そのままほっといて大丈夫です。(^_^)
当方のブラウザから見てもちゃんと表示されています。

うちの旦那は「UFO」が好きです。

* by 小梅母
Macの方だけでいいのかな?
私はほっといて大丈夫ですか?

ぺヤング・・・
私は食べたことないです。
だいたい一平ちゃんです。

ウィルママ様へ * by aki
記事に目を留めて頂き有難うございます。m(__)m
丁度、ここ暫くの質問メールが3件ほど同じ案件だったもんで…(^^ゞ
当方も素材サイトの更新の際にミスが無いか確認しますが、他のページからコピペしたりする時に一行抜けてたりします。
閲覧してもらうためのページですもの、慣れてても気を付けないといけませんね。i-229

* by ウィルママ
うちのブログもしばしばそのような現象が現れますが、
たしかに閉じ忘れがあるかもです。
そうでしたね、初めと終わりを気をつけねば!
この記事を目にして再確認させられました。
ありがとうございます。
ぽち

コメント







管理者にだけ表示を許可する