Archive for the ‘HTML5’ Category

ホームページ – 不具合を修正しました

木曜日, 6月 22nd, 2017

少し前から、ホームページの画像が一部表示されない状態になっていましたが、ようやく不具合を修正することができました。
原因は、「.htaccess」ファイルの内容が、画像を表示しないように書き換えられていたことによるものです。
SSL(https)の設定ミスによるものか、外部からの攻撃によるものかは、分かっていません。
インターネットは常にこういったトラブルと隣あわせでいます。放っておくと、ゾンビサーバーにされ、他のサイトへの攻撃の踏み台になることもあります。
サイトを運営している限り、注意を払っていることが必要だと思われます。
設定ミスか、攻撃によるものかは、分かりしだい記載する予定です。
(6/21)

 
 

Web – HTML 開発メモ

火曜日, 11月 10th, 2015

・表のセル内の改行禁止

以前のHTMLでは、<nobr>を使っていたが、スマホ対応のHTML5では、CSSのwhite-space:nowrapに変更した。

<td class="fsize">
<p>に記述すればよい。
<p style="margin:0px 2px 0px;white-space:nowrap;">
可変の文字列****
</p>
</td>

・フォントのサイズをemで指定する

デフォルトの16pxの代わりに、1emが10pxになるように、ベースフォントとしてbodyに「62.5%」を使ってサイズを指定します。
フォントのサイズを14pxにするためには、1.4emをセットします。

body { font-size: 62.5%; /* Resets 1em to 10px */}
h3 { font-size: 1.4em; /* =14px */}

結果は、このブログでは、
フォント1.4em
フォント14px
になりました。IE9以下のフォント指定の問題のようですが、相対指定はどうも少し混乱します。HTML5ではremがいいようですが。