CSS
Bootstrapのnavbar-brandを中央寄せする
navbar-brandを中央寄せする方法です。 Webで調べると結構出てくるのですが、微妙に中央からずれていたりスマートフォンだとメニューボタンが効かなくなったりといろいろ不具合があったのでそれらを解決するcssを書い…【CSS】基本的な命名規則【落とし穴】
すごく基本的なことなのですが、今日ド忘れしてやらかしたのでメモ… 4カラムの時〜という指定でclassを指定しようとした時に、素直に 4column と付与してしまったんですが、CSSは数字から始まるクラスは認識されませ…【IE8】selectの幅制御に「max-width」は効かない
IE8でselectの中身が長文だった場合、場所によっては幅が大きくなりすぎるので、対処しようと、 select{ max-width : 300px; } と設定したところ、同じように大きくなりすぎていたFireFox…【IE】Sprite画像でアイコンを指定する時は高さはfontサイズと同じ高さで指定する
IE11でSpriteとして指定したアイコンがボヤけてしまう問題で、fontサイズを調整したところ、うまくいったのでメモ。 ポイント font-sizeが13pxの時は高さ13pxの画像をspriteとして指定する これ…WindowsEdgeに響かないChrome用CSSハック
Chrome用に記述していたCSSハックがWindowsEdgeにも響いていたので調整。 _::content, _:future, XXXXX:not(*:root) { ←XXXXXのところにセレクタを指定してくださ…
CSSで印刷する向きを指定する
印刷用のCSSには各ブラウザで差異がありますので、利用する際は都度確認いただくのがいいと思います。 chromeとFirefoxで確認したところ、chromeでのみ適用を確認できました。 縦向きで印刷する <sty…IE11用CSSハック
@media all and (-ms-high-contrast:none){ *::-ms-backdrop, .thumbnail { background: url(“XXX.png”) top left no-…