ishii-akihiro’s blog

いろいろ試したことやバグ対応の作業履歴を残していきます。

css

position: absolute; を適用すると、次のDOM要素が重なってしまう

CSS

困ったこと あるブロック要素に対してposition: absolute;のスタイルを適用したところ、その次のDOM要素が重なってしまいました。 回避策 position: absolute;を適用したブロック要素と同じ高さのダミー要素を間に挟みます。

FuelPHPの form.php を編集して、tableタグのないフォームを生成する

img{ border: 1px solid #888; width: 60%; } 概要 次のようなレイアウトのフォームをFuelPHPで作りたい。 環境 FuelPHP 1.8.2 課題 FuelPHPでは、次のようにFieldSetインスタンスをaddで追加したフォームを作成することができます。 add('use…

serif(明朝体)の太字箇所をわかりやすくする

css

概要 serif は web の文章でよく使われるフォントですが、太字の装飾(font-weight: bold;)がわかりずらいです。 しかし、font-smoothing: antialiased; を設定したらわかりやすくなりました!のでメモ。 font-smoothing を使わない場合 以下の文章のどこが太…

スタイルシートでアイコンを作る

概要 丸いアイコンの中に文字が入ったアイコンを、スタイルシートで作ります。 こんなの↓ サンプルコード 下記のリンク(CodePen)をご覧ください。 https://codepen.io/akihiroishii/pen/NOREod ポイント 丸くする widthとheightを揃える border-radius: 50…