不具合報告

「Monochrome」にてCSSの記述ミス

ご無沙汰しております。ついです。
CSSを見直していたところ、記述ミスとその弊害が見付かりましたので報告致します。
該当テンプレートは「Monochrome」
記述ミスのまま使用しますとdel(打消し線)が機能しないという不具合が発生します。
ご迷惑おかけしてしまい申し訳ありませんでした。
解決方法は、WinではCtrl+F、Macでは⌘ command + Fとサイト内検索機能使い該当部分を変更して下さい。

記述ミスはスタイルシートにて2個所あります。
まず1箇所目は「dl」と検索して4番目にある

dl {
  margin: 0 0 1.429em;
  margin: 0 0 2rem;4
}

の一番下のmarginの末尾の4を削除し

dl {
  margin: 0 0 1.429em;
  margin: 0 0 2rem;
}

と修正して下さい。

2個所目は「h4」と検索して4番目にある

  h4 {
    font-size: 14px;
    font-size: 1.4rem;
    margin: 0 0 1.429em
    margin: 0 0 2rem;
  }

の下から2番目のmarginの末尾に「;」セミコロンを追加して下さい。

  h4 {
    font-size: 14px;
    font-size: 1.4rem;
    margin: 0 0 1.429em;
    margin: 0 0 2rem;
  }

以上になります。
お手数をかけますが、よろしくお願い致します。

不具合報告

テンプレート「Masonry」にて"Feb"が表示されない件について

「Masonry」にて、またまた不具合が見付かりました。ほんとに何度もすみません・・
記事投稿日の2月だけ表示されないというものになります。
改善方法は簡単です。スタイルシート編集にて中ほどにあります

.month02:before {
  content: "Feb;
}

この部分に

.month02:before {
  content: "Feb";
}

「"」ダブルクオテーションを追加して下さい。

このテンプレートせっかく、JUGEMおすすめブログの方で紹介して頂いたのに、ミスが多くて本当に申し訳ないです・・
ミスが多い原因は、おそらくTeraPadというテキストエディターを使い手打ちで作業しているからだと思います。
専用のHTMLエディターソフトを使えば、コード整合性のチェック機能があるので、ケアレスミスも軽減されると思うのですが・・
テキストエディタ「Atom」も使えますが、このエディダ「EUC-JP」の文字コードに対応してないらしく、JUGEM テンプレート制作には不向きなんです。
こんな感じなので、どのホームページビルダーを使えばいいか悩ましいところです。
おすすめのホームページビルダーがあれば教えて下されば幸いです。

不具合報告

Chormeでチェックボックスにチェックマークが表示されない不具合について

上記タイトル通りの不具合が見付かりました。
コメント欄の入力情報を登録する、ってところですね。ご迷惑お掛けしてすみません・・
原因は、リセットCSS項目内にある

input, textarea, select, button {
  font-size: 100%;
  font-family: inherit;
  line-height: inherit;
  vertical-align: middle;
  background-color: transparent;
  border: 0;
  outline: 0;
  border-radius: 0;
  display: inline-block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  margin: 0;
}

赤字の部分が原因です。
この記述、フォーム系要素のスタイルを初期化するものなのですが、この指定がまずかったようです。
デザインや機能にさして変化をもたらすものでもないので、赤字の部分を丸ごと削除して構いません。
よろしくお願い致します。

追記は技術的なこと。

Continue Reading
不具合報告

カルセールの矢印ボタンの表示がおかしくなる

JUGEMブログを利用していると、突如、CSSのcontentプロパティで読み込んだWebフォントアイコンのUnicodeのバックスラッシュ(¥)が抜け落ちる不具合があるようです。

css-content-unicode-bug

上記画像のようにカルーセル矢印ボタンが、英数字になってしまいます。
原因は今のところ不明です。CSSのみ不具合が起こっている模様。

解決策は、HTML・CSSの編集にてCSSの編集のみ再度上書き登録して下さい。
お手数をかけますが、よろしくお願い致します。

追記は詳しい?説明。

Continue Reading