*Essence

HP用フリー素材とFC2共有テンプレートを作成・配布しています。

Top Page › Template › テンプレ修正等 › al_responsive、ct_responsive を修正致しました。
2019-03-06 (Wed)  20:00

al_responsive、ct_responsive を修正致しました。

テンプレート『al_responsive』、『ct_responsive』をご利用頂き、誠に有難うございます。m(__)m
何度も修正・更新して申し訳ないのですが、本日、アイキャッチ表示部分のHTMLタグを少し修正し、テンプレートの更新を致しました。
同じ個所の修正・変更ばかりなので、ここまでの更新の『まとめ』として記事掲載致します。

前の記事にも修正HTMLタグを掲載致しましたが、取り消し線部分の変更を行い、設定→環境設定→ブログの設定『サムネイル代替画像の設定』で 画像を設定している場合、画像の無い空白のスペースが出来てしまう不具合がございます。(管理画面で『サムネイル代替画像の設定』がされていなければ空白部分ができる事はございませんが、設定時のために修正をお願い致します。)
原因は、<!--body_img_none--></body_img_none--> で括った画像と『サムネイル代替画像の設定』で設定した画像のURLが同時に出力され img画像の認識が出来なくなるため、と分かりました。
なので、そのタグを '19.01.28 以前のものに戻し、且つ javascriptのonerror でIE対策用非表示画像を設定する方法に致します。
…が、前のタグに戻した事と画像遅延ロードJavaScriptを導入した事によって古いブラウザのOperaとFirefox、そしてSafariのアイキャッチ部分の空白が埋まらない不具合が!
新しいそれらのブラウザでは普通に表示されているので(古いブラウザを)諦めれば良いのでしょうが、是非ともここもクリアしておきたいところ…
こちらの原因は『data-src』。cssでdisplay:none; にしたら空白スペースは消えました。^^;

色々と書き連ねましたが、遡って記事を順に読んでも分かり難いと思いますので、まとめとして '19.03.06 現在(修正後)のHTMLとCSSを改めて掲載致します。(自己備忘を兼ねてm(__)m)

HTML編集枠内1/3程スクロール <!-- トップページ ここから--> より以下9行前後
<div class="left">
<a href="<%topentry_link>"><img src="https://blog-imgs-124.fc2.com/s/o/r/sorauta1/10pxtp.png" data-src="<%topentry_image_url>" alt="<%topentry_title>" onerror="this.src='https://blog-imgs-123.fc2.com/s/o/r/sorauta1/1-1.gif';"></a>
</div>


HTML編集枠内7/8程スクロール <!-- id="wrapper" ここまで--> より以下2行
<script>
[].forEach.call(document.querySelectorAll("img[data-src]"),function(a){a.setAttribute("src",a.getAttribute("data-src"));a.onload=function(){a.removeAttribute("data-src")}});
</script>



スタイルシート編集枠内上部
body{
animation:fadeIn 0.5s ease 0s 1 normal;
}
@keyframes fadeIn{
0%{opacity:0}
100%{opacity:1}
}
img {
opacity: 1;
transition: opacity 0.5s;
}
img[data-src] {
opacity: 0;
display:none;
}


スタイルシート編集枠内2/5程スクロール
.left img[src="https://blog-imgs-123.fc2.com/s/o/r/sorauta1/1-1.gif"],
.left img[style*="https://blog-imgs-123.fc2.com/s/o/r/sorauta1/1-1.gif"]{
display:none; /* 要約表示時に画像が無い場合ダミー画像を非表示 */
}


現在配布されているテンプレートは上記青文字・赤文字のようになっております。
素人テンプレートのため、何度もお手数をお掛けして申し訳ございません。
ご利用頂いて不具合がございましたら、詳しい状況等と併せて 何なりとご連絡下さいませ。m(__)m

関連記事
スポンサーサイト

Comment




ご質問,不具合は確認用にURLをお願いします。




管理者にだけ表示を許可

Super源さん 様へ

解決できましたか!良かったです♪
リンク先の記事も随分古いので、昔から有るFC2の独自不具合なんですね。
でも、検索が下手なのかあんまり『FC2 origin』等々の文言では引っ掛からず、皆が遭遇してる訳では無いのかな?
まぁ、画像の上書きで更新されない事はFC2で良くある事なので、画像更新時は予め別名でupし直したりします。
本当はこういう(origin有り無し的な)事が原因で、FC2ブログユーザーはそれを知らずとも遭遇&対処をしているのかも知れませんね。(^-^;

今後同様の症状が出たら『記事更新』ですね。
勉強になりました。(^-^)
2019-03-25-00:27 * aki [ 返信 * 編集 ]

akiさーん。(^o^)/

色々調べてくださり、ありがとうfございました。m(__)m
結論を先に書くと、これは「FC2マジック」ですね。【><】

現在、CSSが崩れている記事がざっと50ページほど出ているのですが、それらをチェックしてみたところ、CSSへのリンクのほか、記事中に入れた写真やイラスト、記事下の鳥の画像、つまり、そのページにあるhttps://blog-imgs~で始まるurlにoriginが入っていて、表示されなくなっていることが分かりました。【><】マイッタ。

確率から言うと、CSSへのリンクよりも、画像へのリンクにorijinがついている方がはるかに高いようです。

私の場合、akiさんの紹介して下さった下のリンクの内容が当てはまるようで、過去記事を頻繁に見直しているため、原因はそれかと。

ただ、更新していない記事ページのurlも壊れていたりしているので、やはり良く分からないですね。(@_@)ウーン

対策としては、ただその記事をを更新する、それだけでOkです。
これで、ooriginのつかない、正しいurlに修正されます。(^^)

私の推測では、サーバーが重かったりすることが原因で、その前後(?)の記事画像urlも壊れるのではないかと。

実際、連続して8記事にorijinが入ってしまっているのもありました(既に修正済みです)。【><】

というわけで、原因はfc2側にあるようです。
どうもお騒がせいたしました。m(__)m ペコリン
2019-03-24-10:25 * Super源さん [ 返信 * 編集 ]

aki Super源さん 様へ

いつもお世話になっております。m(__)m
そういう事、滅多に無いけど有りますよね。(^^;何となく思ってただけで、気に留めて無かったというか何となく直ったというか。。でも、確かにその際にURLを見て『origin』が付いてたのは覚えてます。
その際に行った方法が、
現在のテンプレートから他のテンプレートに設定を変更し、そのあと元のテンプレートに戻す
だけだったんですけど、どうでしょう?(^-^;

…で、他にも無いかとFC2の不具合を色々検索していたら、下記のような記事を見付けました。
http://arinogotokuatumarite.blog19.fc2.com/blog-entry-70.html
 ありのごとくあつまりて様(originについて書いて有る)
http://128bit.blog41.fc2.com/blog-entry-304.html
 WebMemo.SE様(特定の記事だけテンプレートが更新されない件について)

記事としては古いですが状況は同じようなので、宜しければ上記の方法を試してみて頂けますか?
テンプレートでCSSを出力させる変数は<%css_link>しかないので、意図的にorigin を出さないというコントロールは出来ません。
不具合が直らない場合はFC2に聞いてみますので、結果を教えて頂ければ幸いです。m(__)m
2019-03-22-23:54 * aki [ 返信 * 編集 ]

akiさん、こんにちは!(^^)/

やっと来れました。(-。-) フーッ
今日は、不具合のご報告です。【><】

さきほど、ブログをタブレットでいろいろ見ていて、初めて気がついたのですが、記事中につけた参照リンクや、記事下につけた「関連リンク」などをクリックしてページを移動すると、CSSが効かないようです。(? ?)アレッ?

それで今、どうなってるのか調べてみたのですが、

CSSが効いてるときと、効いてないときとで、案の定というか、CSS参照アドレスが違うようです。

効いてないときは、URLに"origin"が入ってます。(@_@)ウーン

CSSへのURLは、テンプレート上で以下のように指定されてるようですが、

<link rel="stylesheet" href="<%css_link>" media="all" title="default">

この中の<%css_link>がくせものですね。

ここを、固定アドレスに変えれば自力でも直せますが、もしかしたら、他の方も同じかも知れないので、まずはakiさんにお知らせと思い、今日はやってきました。

具体的には、以下がCSSが効いてないページの例です。

https://www.zatsugaku-jiten.net/blog-entry-1413.html

もしかしたら、私の勘違いかも知れませんが、お時間のあるときにでも確認していただければと。m(__)m ヨロシク。

以上、取り急ぎご連絡まで。(^_^)/~
2019-03-22-17:07 * Super源さん [ 返信 * 編集 ]

aki どなるど 様へ

直りましたか、良かったです♪
自分の閲覧環境・媒体、そして一番肝心な注意力^^;だけでは、不具合が有ってもなかなか気付けません。
見付けてご報告頂けると本当に有難いです。
テンプレートの完成形までお手伝い頂いているようで恐縮致しますが、懲りずに色々お教え下さいませ。m(__)m

今後とも末永く 宜しくお願い致します。(^-^)
2019-03-21-21:16 * aki [ 返信 * 編集 ]

解決しました。

akiさん、おはようございます。

早々に対応していただき、ありがとう御座います。
無事に解決しました(^_^)v

たまたま、あれっ?と思った事ですが、
お役にたてて良かったです。
2019-03-21-09:40 * どなるど [ 返信 * 編集 ]

aki どなるど 様へ

いつもご愛顧、有難うございます。
ct_responsiveで確認致しました。…なりますね。^^;
当方の気付かない点を色々見付けて頂いて、どなるど様にはすごく助けられております。
…原因は、ご指摘の通りプラグイン3をトップに表示するための調整marginの問題でした。
修正箇所は、HTML編集枠1/4程の
<!-- トップページ ここから-->以下2行目
<article class="blog-con <!--index_area-->blog-con2<!--/index_area-->">
という部分を下記のように変更して下さい。
<article class="blog-con blog-con2">

これで修正できると思います。
テンプレートも早急に修正・更新致します。
いつもお手数をお掛けして申し訳ございません。m(__)m
そして、いつも不備不具合のご指摘 感謝致します。有難うございます。
2019-03-21-01:57 * aki [ 返信 * 編集 ]

ちょっと気になるところが…

こんばんは(^-^)

テンプレートを適用すると、スマートホン用のレイアウトだけ2ページ目以降のページトップ(トップ画像直下)のマージンが無くなります。(1ページ目だけはマージンがあります)
尚これはページトップにプラグイン(フリーエリア等)を入れていない場合限定のようで、プラグインを入れるとマージンが無くなりません。

何か対策はありますでしょうか。。
2019-03-20-22:57 * どなるど [ 返信 * 編集 ]

aki kotori* 様へ

無事に表示されたようで良かったです♪
もともと当方の記述ミスが原因の不具合ですので、教えて頂いて良かった~・・と、ホッとしています。
未修正の期間にDLされたユーザー様が他にも居らっしゃるだろうと思うと、とっても申し訳無く思います。教えて頂いた方が救われます。

ご連絡、有難うございました。また伺わせて頂きますね。(^-^)
2019-03-17-22:18 * aki [ 返信 * 編集 ]

No Subject

akiさん、既存の質問に再度返信をありがとうございました。
読んでもよく理解できないので、今の自分に必要な部分しか記憶に残らなくて...(^o^;)

おかげさまで無事に表示されました。
ありがとうございました。
また、よろしくお願い致します。
2019-03-17-12:36 * kotori* [ 返信 * 編集 ]

aki 須藤京一。様へ

いえいえ、こちらこそお忙しいのにお返事頂き有難うございます。m(__)m

鉛筆画像、気に入って頂けて何よりです♪…で、その後^^;文字色に合わせて鉛筆画像の色が簡単に変えられればなぁ~と思いましたので、画像では無くフォント(特殊文字・記号)を使ってみる事に致しました。
これならcssで色や大きさ、反転や回転も与える事が出来ますので、カスタマイズされる方には重宝するかな?と思いまして。(^^;
HTMLの画像URL部分にclassで括った特殊文字コードを入れるだけ。あとはcssで装飾します。

<div class="entry_date"><%topentry_year>-<%topentry_month>-<%topentry_day> (<%topentry_youbi>)<a href="<%server_url>control.php?mode=editor&process=load&eno=<%topentry_no>" target="_blank" rel="noopener" style="cursor:text;"><span class="pen-link">✎</span></a>

.pen-link{
font-size:1.5em;
margin-left:2px;
line-height:1;
vertical-align:middle;
transform:rotate(-250deg);
display:inline-block;
}
(文字色を変えたい場合は color:カラーコードやカラーネーム; を追加)

『特殊文字』で検索して頂くと様々なものが出て参ります。鉛筆以外の物も表示できますので宜しければお試し下さい。
ただ、特殊文字の鉛筆…もうちょっと可愛い感じだと良いのになぁ~。^^;そこらへんは好みの問題ですが、気に入って頂けましたら画像も使って下さいませ。m(__)m

素人テンプレートなので不備も沢山有るかと存じますが、ご相談頂ければ出来るだけ対応したいと思いますので、お気付きの点やご要望等何なりとお声掛け下さいませ。(…不勉強で分からない事も多々ございますのでご了承を。(^-^;)
2019-03-17-03:10 * aki [ 返信 * 編集 ]

重ね重ね感謝です♪

お返事が大変遅くなり申し訳ありません。m(_ _)m
(ここんとこリアルが超忙しくて。。。)

>なので、白色鉛筆マーク作りました。

わざわざありがとうございます!
最初のも可愛らしいアイコンでしたが、
たしかに白色の方が日付と同色で、
存在感を主張しすぎずに美しいですね♪
お陰様で大変完成度の高いテンプレートになり嬉しい限りです。(^^)

>この度は素晴らしい出会いを頂き、誠に有難うございます。
今後とも末永くお付き合い下さいます様、宜しくお願い致します。m(__)m

こちらこそ、宜しくお願いいたします。m(_ _)m✖沢山

>(美中年様らしいですし(^_^))

話1/3に聞いておいてください。
(→全否定はしないという。笑)

実はブログ歴は結構長く、
テンプレートも二桁利用していましたが、
今回のように制作者の方にお願いをしたのは初めてなのです。
フォントのサイズや色などは、
なんとか類推して改造していたのですが、
流石に管理画面へのジャンプは素人にはCSSがわからんちんで~と、
お願いした次第です。

突然の書き込みにもかかわらず、
即時且つ丁寧且つ優しく(←ココ大事。笑)対応してくださいまして
本当にありがとうございました。
(〃^ー^〃)
2019-03-17-01:06 * 須藤京一。 [ 返信 * 編集 ]

aki kotori* 様へ

ご連絡頂き、誠に有難うございます。
その不具合は他のユーザー様からコメントでご指摘を頂いて、過去記事『ct_responsive のカスタマイズ(エントリー全文表示)』
https://sorauta1.blog.fc2.com/blog-entry-285.html
で修正を入れた部分だと思います。
この記事のコメントに不具合のやり取りが有ります。HTMLタグ内の "(ダブルクォート)が抜けているため表示がおかしくなっているというご指摘のコメントです。
大変お手数をお掛けして申し訳ございませんが、HTML編集枠内1/3程スクロールした所にある下記の部分を

<!--more_link-->
<div class="readmore">
<a href="<%topentry_link>">Read More</a>
</div>
<!--/more_link-->

↑こちらの文に貼り換えて頂けますか?
それで修正されると思いますが、不具合がまだ有るようでしたら再度ご連絡下さいませ。
宜しくお願い致します。m(__)m
2019-03-17-01:02 * aki [ 返信 * 編集 ]

reed more の件

akiさん、またまたご教授賜りに来ました。

『ct_responsive』の全文表示で使わせて頂いています。
最近、"追記"で記事を上げることがないので気付かなかったのですが、
過去記事を振り返っていてご相談に参りました。

全文表示ですのでダラダラと読み進めていると、”追記”で書いた記事に出会いました。
「続きは”reed more”から」と記しているのですが
その"reed more"が表記されていません。

ピンポイントで、この記事、と選ぶと、"reed more"は出てきます。
全文表示の場合、続きを読むにはタイトルを改めてクリックしなければなりませんか?

なんか、"reed more"に関してakiさんが記事を書いていたような気がして探したのですが見付けられませんでした。
よろしくお願いします。

私の記事ですと、
カテゴリ→カウンセリング・転学の2ページ目。
「転学校の面接」がそうです。

よろしくお願い致します。
2019-03-16-19:53 * kotori* [ 返信 * 編集 ]

aki 須藤京一。様へ

お返事有難うございます。m(__)m
こちらこそ早々に取り付け頂き、感想までお願いしてしまって失礼且つ 大変申し訳無い思いです。。

その位置(投稿日付脇)で問題無いようなので、次の更新で各テンプレートに追加致します。
ご提案頂き、有難うございました。
…で、拝見させて頂きましたら、暗色の『鉛筆マーク』、日付と並ぶと色味が悪いですよね?(^-^;
なので、白色鉛筆マーク作りました。
HTMLの改変個所に有る画像URL部分を少し手直しして頂ければ白色画像になります。

https://blog-imgs-32.fc2.com/s/o/r/sorauta1/pencil.gif の部分を
https://blog-imgs-126.fc2.com/s/o/r/sorauta1/pencil-w.gif
に変更。

こちらの方が日付文字列と一体感が有って良いかな~と思いますので、是非お試し下さい。(^-^)

この度は素晴らしい出会いを頂き、誠に有難うございます。
今後とも末永くお付き合い下さいます様、宜しくお願い致します。m(__)m
p.s. 面白そうな記事が沢山有るブログ・サイトですね。
色んな事を楽しんでいらっしゃる感じがとても素敵です。(美中年様らしいですし(^_^))
2019-03-15-14:13 * aki [ 返信 * 編集 ]

ありがとうございました!(〃^ー^〃)

お忙しい中、即日の対処、
本当にありがとうございました!
わかりやすい解説のお陰で、
簡単に満足のいくテンプレートになりました。

可愛らしい鉛筆のアイコン。
日付の脇なので折りたたまれることなく、
使い勝手もさらに良く感じました。
(→結構、展開しないと編集ボタンが出ない
テンプレートが、多い気がします。)

大事に使っていこうと思います。

突然の書き込みにもかかわらず、
大変ありがとうございました。
(〃^ー^〃)
2019-03-15-01:06 * 須藤京一。 [ 返信 * 編集 ]

aki 須藤京一。様へ

こちらこそ 初めまして。
数あるテンプレートの中からDL頂き、誠に有難うございます。m(__)m

ご要望の件ですが、各テンプレートの次の更新時にでも追加を検討してみようかなと思います。(^-^)
先ずは貴殿のブログに付けてみて頂けますようお願い致します。

テンプレートの設定画面を開き、HTMLの編集枠内上から1/4程下にスクロールした所に
<!-- トップページ ここから-->
という部分が有ります。この下3行目

<div class="entry_title"><h2 id="entry<%topentry_no>"><a href="<%topentry_link>"><%topentry_title></a></h2></div>
<div class="entry_date"><%topentry_year>-<%topentry_month>-<%topentry_day> (<%topentry_youbi>)
</div>

という部分を削除し、下記HTMLに貼り換えて下さい。

<div class="entry_title"><h2 id="entry<%topentry_no>"><a href="<%topentry_link>"><%topentry_title></a></h2></div>
<div class="entry_date"><%topentry_year>-<%topentry_month>-<%topentry_day> (<%topentry_youbi>)<a href="<%server_url>control.php?mode=editor&process=load&eno=<%topentry_no>" target="_blank" rel="noopener" style="cursor:text;"><img src="https://blog-imgs-32.fc2.com/s/o/r/sorauta1/pencil.gif" alt="<%author_name>" width="12" height="12" style="margin-left:5px;vertical-align:middle;"></a>
</div>

これで、記事を書いた日付の後に『鉛筆マーク』が出来たと思います。ここをクリックして頂くと該当の編集ページに移動できます。
編集ページへのリンク『鉛筆マーク』は、閲覧者の方から見てそれとは分からないよう カーソルがポインターにならないCSSを付けています。
不要の場合は、 style="cursor:text;" の文字列を削除して下さい。
貴殿のFC2ブログ歴からご存知とは思いますが、予めログインしていないと該当の編集ページには行けません。(していない場合は、ログイン画面から入って管理トップページの表示になります。)

お手数とは存じますが、差し支えなければ使い勝手や取付位置等のご感想を頂けると幸いです。
宜しくお願い致します。m(__)m
2019-03-14-22:03 * aki [ 返信 * 編集 ]

記事ごとの『編集ボタン』設置のお願い。

初めまして。m(_ _)m

先日、数年使っていたテンプレートを、
akiさんの作られた『ct_responsive2c-l』に変えました。
トップ画像や記事の囲みの陰、色合い等、
お洒落な作りに嬉しく思っています。

ただ、記事ごとに『編集ボタン』がついていると、
後日、誤字訂正や追加文などの際に、
いちいち記事の管理画面からさかのぼって調べる手間が省けて、
とても助かります。

言うのは簡単ですし、
変更する方のご苦労は桁違いと思いますが、
ご検討のほど、お願い申し上げます。
m(_ _)m
2019-03-14-11:32 * 須藤京一。 [ 返信 * 編集 ]

aki Super源さん 様へ

ご訪問頂き、有難うございます。m(__)m
…素人制作なもんで、いっつも修正ばかりで申し訳ございません。
おぉ!これが今のところBest!…と思ってテンプレの改変を入れると、あれあれ?自分が試していない箇所で問題が…という感じです。^^;
色んな設定を想定してみて、キチンと自分で目視確認しないから 皆様にご迷惑が掛かるのですよね。。気を付けます。(>_<)

取り敢えず、少しずつですが 過去に作ったテンプレートをHTML5&レスポンシブ化しようと思っております。(一応HTMLもCSSも随分変わるので、FC2には新規共有申請か修正なのかの扱いを確認しました。修正、だそうです。)
分からない箇所が出現しましたら是非、教えて下さいませね。(^-^;
2019-03-14-02:19 * aki [ 返信 * 編集 ]

akiさん、こんばんは!(^^)/

やっと来れました。(-。-) フーッ

おっ!(゚o゚)今回もまたテンプレートの修正ですね。(^^)
本当に、いつもユーザーの使い勝手を考えたakiさんの日頃の研究と努力には、頭が下がります。
どうも、お疲れさまでした。m(__)m

ええと、今回は、上の青地と赤字の部分4ヶ所の部分を探して修正すればOKなんですね。(^^)v
今はちょっと時間が取れませんが、【><】落ち着いたら打ち込みたいと思います。(^^)

それではまた来ます!(@^^)/~~~
バタバタバタ!...((((( ((;^^)/
2019-03-12-23:56 * Super源さん [ 返信 * 編集 ]

kotori* 様へ

希望通りになりましたか。それは何よりです♪ε-(´∀`*)ホッ
何か不具合等を見付けられましたら、またお声掛け下さいね。

あっという間にカレンダーも3枚目、段々と春めいた陽気になって参りました。
寒さも少しは緩みましたか?体調には気を付けて下さいませ。
(当方、花粉等のアレルギーは無い様なので今のところは傍観者…苦労を察せなくて申し訳無いです。^^;)
2019-03-09-19:19 * aki [ 返信 * 編集 ]

希望通りになりました

akiさん、早々のご対応ありがとうございました。

すごいな~、ホント尊敬しちゃいます。
おかげさまで希望通りになり気持ちスッキリしました。(笑)
また、よろしくお願いしますね。(*´v`*)


札幌、今年は四十数年振りの雪の少なさだそうです。
いつもは、少ないと言っても帳尻合わせに数回ドカ雪があるのですが、
今年はそれもなく、本当に驚くくらい少なく雪解けも早そうです。
花粉の季節がやってきますね。(;_;)
既に寒暖差でスイッチ入っちゃってます。
2019-03-09-00:17 * kotori* [ 返信 * 編集 ]

aki kotori* 様へ

いつもご愛顧 有難うございます。m(__)m

ご質問の件ですが、この度のテンプレートはリセットcssを使用しているため、tdがvertical-align:baseline;になっている事で起きている事と思います。

表示に使っているテーブル部分のタグを拝見すると、画像表示部のtdと隣のtdに valign="top" が指定されておりますが、HTML5でのvalign属性は廃止されたため使えません。(前のテンプレはHTML4.01です)
そのため、セル内の文字は縦に位置揃えせず、リセットcssの vertical-align:baseline; になります。
過去のアフィリエイト表示テーブルが全て同じようになっていると思われます。(一つずつ直すのは大変なため)まとめて上揃えにするには、スタイルシート上段のリセットcssが書いて有る箇所以外の所に(例えば一番下にでも)
td{
vertical-align:top;
}
を追記して下さい。ただ、これだと他のテーブルセルも上揃えになるので、今後テーブルを使って並べたり装飾する場合も上揃えになります。
異なる縦位置にしたい場合はその都度スタイルを指定して下さい。(td style="vertical-align: bottom;" とか。)

それと、このアフィリエイトのタグですが、不要な部分が有るので削除して下さい。表示では分かりませんがHTML上ではエラーになっております。(以下の2か所です)
*便座の広告カエレバの後の</font>がエラー
*ダウニーの広告もカエレバの後の</font>がエラー
フォントタグは一対で使用します。しかし、どちらも閉じタグのみで開きタグが有りませんので、</font>を削除して下さい。

上記を施しても不具合が直らない場合は、再度ご連絡下さいませ。m(__)m
2019-03-08-19:35 * aki [ 返信 * 編集 ]

アフェリの表示について

akiさん、こんにちは。
また困ってやってきました。m(_"_)m


時々ですが、アフェリエイトの
「カエレバ」「ヨメレバ」を記事内に入れることがあります。
本来、左側の画像と右側の文章等は同じ高さになります。

記事を書いていてプレビューでは段揃いなのですが、
記事をUPすると画像と文章の段がズレてしまいます。
『ct_responsive』以前では大丈夫でした。

近々ですと「便座」と「ダウニー」の記事がそうです。

お時間のある時でかまいません。
解決策はあるでしょうか?
ご教授頂けると幸いです。
2019-03-08-16:05 * kotori* [ 返信 * 編集 ]