- 2020年5月8日
- 2020年5月11日
【コピペで解消】横幅サイズ固定のサイトの固定ヘッダーの横スクロール!
bodyに最小値を設定して、header固定だとうまくいかない headerにposition:fixed;をすると、コンテンツ自体は横スクロールではみ出たコンテンツが右側に表示されます。 しかしheaderはfiexdしてるので、横スクロールできず […]
bodyに最小値を設定して、header固定だとうまくいかない headerにposition:fixed;をすると、コンテンツ自体は横スクロールではみ出たコンテンツが右側に表示されます。 しかしheaderはfiexdしてるので、横スクロールできず […]
個人情報保護方針に同意した場合にのみ、送信ボタンが押せるように実装。 下記コピペでOKです。 HTML [crayon-670c078fb7414276799112/] jQuery [crayon-670c078fb741b019061368/] […]
例えば、デザインデータが750pxだとして、各画像をスライスした際に、すべての画像が750pxの横幅に対しての大きさになるので、その画像一つ一つにcssでwidth:〇〇vw;のように記載していかなければならないときがありますね。 そんな面倒なことは […]
aタグでコーディングを実装したものの、一部のリンクの公開がまだ先で、aタグのリンクをつないだらNGな場面があります。 ただcssはaタグで書いてしまっているのでspanに書き直したらデザインが大きく崩れてしまう。なんてことがあります。 そんなときはj […]
cssのバグによりIEやFirefoxでのみcssを反映させたい ブラウザチェックでよくあるバグがIEやFirefoxのデザイン崩れ cssの当たり方がブラウザによって違う時があって、場合によってはIEやFirefoxにのみcssを当てたい場合があり […]
TablePressなどのショートコードをPHPテンプレートで呼び出したい 下記のようなショートコードを、PHPのテンプレートの中に書きたいときありますが、そのまま書くとそのまま出力されます。 [crayon-670c078fb7c786506236 […]
IEやFirefoxでtableの横幅が効かないバグ thやtdにwidthの指定をしているけど指定通りにならないバグがあります。 これはブラウザのtable横幅自動調整機能が邪魔をしているようです。 tableにcssをコピペで解消します! 下記c […]
PHPテンプレートに記述 下記のコードを一旦phpのテンプレートに記述 phpテンプレート [crayon-670c078fb81ef326637948/] スラッグを取得したい部分に 同じphpテンプレート [crayon-670c078fb81f […]
スマホのメニュー展開時にコンテンツ部分がスクロールしてしまう。 スマホのメニューはアコーディオンであったり、横スライドメニューであったり、様々ですが、ボタンを押すと展開するタイプが多いですね。 その際にフリックするとコンテンツ部分がスクロールできてし […]
マウスでフリックをしたい! マウスでのフリックはライブラリを使用したりとか、ちょっと難しい部分もあるので敬遠しがちですが、 html css jsの3ファイルにコピペするだけで簡単に実装できます。 まずはhtmlファイルからですが、構成は上記のように […]