*Essence

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

Top Page › Template › テンプレ修正等 › 重要!<strong>タグに<span>タグで装飾する際の不具合を修正しました。
2019-08-19 (Mon)  23:21

重要!<strong>タグに<span>タグで装飾する際の不具合を修正しました。

2019/08/19 の更新で、レスポンシブタイプ8種 2カラム及び3カラムのスタイルシート内に有る reset css を修正・更新致しました。

ユーザー様からのお問い合わせで、<strong>タグ内に入れ子で文字の色や大きさ等を指定する<span>タグを使用すると、その部分だけ<strong>が効かなくなる旨の不具合報告を頂きました。
調べてみましたら、テンプレートのスタイルシート上部に有ります
/* -----reset css------ */
以下の、セレクタ span に掛かる
font-weight:normal;
が原因であることが分かり、本日修正及び更新致しました。
ご利用の皆様には大変ご迷惑とお手数をお掛け致しますが、下記のように修正・更新の程をお願い致します。

テンプレートスタイルシート枠内最上部に有る
/* -----reset css------ */
以下の5行目(テンプレートにより前後1行の差が有ります)
font-weight:normal; の文字を見付けて削除
もう一ヵ所、
reset css の最終行の後に下記を追加(↓このように。)
~省略~section,summary{display:block;}h1,h2,h3,h4{font-weight:normal;}



'19/08/21 修正方法を変更致しました。(共有テンプレートは修正・更新済み)
1) テンプレートスタイルシート枠内最上部に有る
/* -----reset css------ */
以下の1行目に有るセレクタ名を削除して下さい。
span, small, b, i, em, strong, ←左記6種のセレクタ名をカンマ( , )ごと削除。

ここで更新ボタン、でも問題無く使えますが、上記を削除したためにページの下段に表示されるページネーションの表示が少し変わります。

現在表示されているページの番号の枠が下にちょっと伸びてしまう形状に…。ここ!という目印にはなります。^^;

2) この枠を修正する場合はお手数ですがもう一点、同じくスタイルシート編集枠内中程から3/5程の所と かなり下の所に『#pagenavi span』という箇所が3か所有ります。(キーボード「Ctrl+Fキー」で検索窓が出ますので、その中に #pagenavi span と入れて検索。)
そのセレクタ内にある高さの部分、『 height:○px; 』 を削除して下さい。〇の数値部分はテンプレートによって異なります。また、『 height:○px; 』 が無いものも有ります。その場合はそのまま飛ばして下さい。

以上です。後は更新ボタンを押して下さい。
(ReadMoreに修正後の reset css を掲載致しましたので、そのまま貼り換えして頂く事も出来ます。)

【リンク】 お問い合わせとその返信です。
ご連絡頂き、有難うございました。m(__)m

[該当テンプレート]
genial_resp2c,3c
serene_resp2c,3c
ct_responsive
al_responsive
candy-2c3c
green-2c3c
lace-al2,al3
dt21_ryo,ryo_2c


テンプレートのスタイルシート枠内上部に有る reset css を貼り換えて『更新』して下さい。

/* -----reset css------ */
html,body,address,h1,h2,h3,h4,h5,h6,dl,dt,dd,ol,ul,li,div,p,pre,blockquote,hr,bdo,a,br,del,ins,abbr,dfn,sub,sup,q,cite,code,var,kbd,samp,map,area,iframe,img,form,label,fieldset,legend,input,textarea,select,option,optgroup,button,command,details,menu,summary,article,aside,header,footer,nav,section,figcaption,figure,main,mark,rp,rt,ruby,time,wbr,audio,canvas,embed,object,param,source,video,datalist,keygen,meter,output,progress{margin:0;padding:0;border:0;outline:0;font-size:100%;font-weight:normal;vertical-align:baseline;list-style-type:none;background:transparent;box-sizing:border-box;}embed,iframe,img,table,textarea{max-width:100%;}table{border-collapse:collapse;border-spacing:0;}a,a:link,a:visited{color:#333;text-decoration:none;}a:hover,a:active{color:#777;}article,aside,canvas,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block;}
/* ---reset css end----2019/08/20更新 */


各テンプレート共通です。上記に貼り換えて、更に記事内の2)を行って下さい。
お手数をお掛け致しますが、修正・更新の程 宜しくお願い致します。m(__)m

Comment




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




管理者にだけ表示を許可

aki Re: - 様へ

わざわざお越し頂き、有難うございます。m(__)m
そちらでお返事致しますね♪
2019-08-31-23:08 * aki [ 返信 * 編集 ]

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます
2019-08-31-20:17 * - [ 返信 * 編集 ]

aki Re: どなるど 様へ

何度もお手数をお掛け致します。m(__)m
セレクタを削除した事でちょっと崩れたみたいですね。
一番下までスクロールして確認すれば良かった…。ご指摘有難うございます。

先程記事を少し修正・更新致しました。(共有テンプレも更新しました。)
1)で、削除セレクタが一つ増えています。1行目のemも削除して下さい。
2)に書いてある部分を、お手数ですが適用してみて下さい。
本当に…いつも確認して頂き、有難うございます。(;^_^A
2019-08-22-00:10 * aki [ 返信 * 編集 ]

aki Re: - 様へ

お返事はそちらにお伺い致しますね~。(^_^)
2019-08-22-00:03 * aki [ 返信 * 編集 ]

またまたスミマセン。。

akiさん、またまた今晩は。
晴れたり曇ったりと落ち着かない天気ですね(^-^;

reset css を全コピペしてみました。
ところが…今度はブログの下の方にある
ページを移動するボタンが見た目ちょっとだけ
変わってしまいました。
(見た目だけで使用するのには問題ありません)

↓こんな感じです。
https://blog-imgs-128.fc2.com/l/e/c/lechat5/201908211610123ad.jpeg

私の環境だけかもしれませんが、確認お願いしますm(_ _)m
2019-08-21-16:15 * どなるど [ 返信 * 編集 ]

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます
2019-08-21-10:16 * - [ 返信 * 編集 ]

aki Re: どなるど 様へ

早速検証頂き 有難うございます。
そして、お手数をお掛けして申し訳ございません。m(__)m

更新したテンプレートは、ブログタイトル部分も font-weight:normal に修正したのですが、既にDLされた方の修正(記事)では、まとめて reset css 内に入れた方が分かり易くて簡単かな、と。^^;
見出しタグである<h1>や<h2>等でマークアップした部分は、そのままだと太字になるので、一度 reset css から外して、他のセレクタと干渉しないよう 最後に記述(font-weight:normal;)。
その後述で、太字・細字をcssで再設定、という形を取っております。


reset css を少し見直しました。^^;
方法は違いますが結果は同じことになるので、そのままでも問題有りません。

もし変更される場合は、追加して頂いたタイトル部のスタイルはそのままで結構ですので、ReadMoreにある reset css に貼り換えして下さい。
度重なる修正で、本当に申し訳ございません。m(__)m

p.s. いや~、せめて興奮して噛みつくのはやめて欲しい…猫の話、ですけどね。
まだ流血まではして無いですが、それは彼なりの手加減(口加減?)なのか…薄着の夏場はやめて…お願い…な気持ちです。(;^_^A
2019-08-21-01:45 * aki [ 返信 * 編集 ]

修正してみたら…

akiさん、今晩は(^-^)
TVではそろそろ暑さも落ち着いてくると言ってましたが、
暑いですね(^^;)

投稿通りに修正&更新してみたら…
んっ?!ブログタイトルが太くなっちゃった〜( ̄。 ̄;)
ので、最新のテンプレートをDLして比較してみたら
CSSのタイトル部分のところに
【font-weight:normal;】が追加されてたので
同じように追加して更新したら直りました(*^^*)

というご報告ですm(_ _)m

p.s.猫のはなちゃんの運動会もスゴそうですね。
多頭飼いになると…大運動会になりもっとウルサクなります(笑)
ウチはもうシニアなので運動会はしなくなりましたけどね(遠い目)
2019-08-20-17:10 * どなるど [ 返信 * 編集 ]