HTML/CSS

スポンサーリンク
HTML/CSS

【CSS】ルビの位置を調整(本体から離す)方法

ルビの位置を本体から離す調整方法の説明 ルビの基本的な使い方 ルビをつけたい箇所を<ruby>で囲って、その中でルビ文字...
HTML/CSS

【CSS】WordPressで画像キャプションの行間を詰める方法。line-heightで詰まらない場合の対処法

Wordpressの記事内で、画像キャプションの行間がline-heightで詰まらない時の解説です。 Wordpres...
HTML/CSS

セコい「コピペ禁止サイト」の作り方(右クリックもテキスト選択も禁止!)

個人的には大反対な「右クリック禁止サイト」ですが、あえてその実装方法を紹介します。 右クリックを禁止しているサイトの意図...
HTML/CSS

【PHP】404エラーを正しく表示・処理する方法

PHPで404エラーを正しく表示する方法の解説です。 存在しないページにアクセスされた時、ざっくり404エラーページにリ...
HTML/CSS

【CSS】テーブルを横スクーロールさせる方法/スマホ・レスポンシブ対応

スマホ使用時等、表(テーブル)を横にスクロールしたい場合のHTML、CSSの記載方法です。 案外簡単に実装でき、HTML...
HTML/CSS

【HTML】著作権記号(丸C)、登録商標記号(丸R)、商標(TM)の表示方法

HTMLで、著作権記号(○C)、登録商標記号(○R)、商標/トレードマーク(TM)の表示方法です。 特殊文字コードを使用...
HTML/CSS

【HTML】平方メートル、立方メートルの表示方法

HTMLで、平方メートル、立方メートルを文字化けやズレずに正しく表示させる方法です。 3つの方法を紹介しますが、「方法2...
HTML/CSS

【HTML】textarea内で文字列を改行表示させる方法

HTMLのテキストエリア(textarea)内で、文字列を改行表示させる方法です。 最初に思いつくのは、改行コードや(\...
HTML/CSS

【css】リストで黒ポチが消えない時の対処法

CSSで黒ポチ(中黒)を消したい場合、一部の解説では以下のようになっています。 HTML <ul class="no_p...
HTML/CSS

【CSS】スマホで見ると微妙に左右にズレる現象 → 1行で速攻解決します。

レスポンシブ対応のサイトを作っている場合、スマホサイズの画面にすると画面が左右に微妙にズレる場合があります。 ほとんどの...
HTML/CSS

【css】文字や画像を画面の中央に配置する一番簡単な方法

cssで文字や画像を画面の天地左右の真ん中に揃えたい時の設定方法です。 左右を揃えるのは比較的簡単ですが、天地(上下)の...
HTML/CSS

【CSS】line-styeが効かない時の解決方。1行追加で解決します。

CSSのline-styeやline-style-typeを支持しても反映されない不具合を一発解消。CSSに1行指定するだけ。
スポンサーリンク