【CSS】Flexbox内で高さがバラバラな画像をovject-fitで揃えて表示させる
ovject-fit自体は、このWebクリエイターボックスさんの記事で知って、ちょくちょく利用してたのだが、
1行追加でOK!CSSだけで画像をトリミングできる「object-fit」プロパティー | Webクリエイターボ ...
[CSS覚書]tableの下だけに下線を引く
table回りが慣れてな~い。
まずvicunaのtable設定を消すのに、結構手間取りまして、
border-collapse: collapse;
が効きました。
HTMLかCSSでテー ...
[CSS覚書]ヘッダー、フッターを幅100%(ブラウザ幅いっぱい)にする方法
ヘッダー、フッターをブラウザ幅いっぱいにする方法 | 簡単ホームページ作成支援-Detaramehp
今回色々試してみたのですが、上のページのやり方の完全に踏襲で、
元のheader及びfooterを#header ...
[FB・Twitter・CSS覚書]ツイートボタンといいねボタンのタグ発行からきれいに並べて貼るまでの手順
このページから取得、FBにログインしてると自動的にアプリIDも記述されてしまうので、そういうのを入れたくない場合は、ログインせずに取得するのがよいようです。
20131129
[CSS]dlとddの間の気になるすき間・・・ヾ(d`Д´l )ノ” ヾ( d`Д´d)ノ”
vicunaのウィジェット内のメニューで、dlとddを合わせて、周りにボーダーを付けたかったのですが、dlとddの間に1pxぐらいの隙間が!!
ヾ(d`Д´l )ノ” ヾ( d`Д´d)ノ”
[CSS覚書]imgにvertical-align:bottom;で微妙な画像の隙間をなくすときの記述方法に注意。
今回縦並びのヘッダーナビを画像をliタグで挟む形をとったのですが、
chromeで画像の間に微妙な空きができました。
おなじみのimgにvertical-align:bottom;を指定する ...
[CSS覚書]IEでのinputの余白が許せない!
このブログの右上の検索窓を他のブログにも移植しようとカスタマイズしてたところ、検索窓の右側と右下にヘンな白余白があることに気が付きました。
今まで背景が白だったので気が付かなかった。
こんな感じで。
t ...
[CSS覚書]CSSのみで画像ロールオーバー時にフェードをかける
マウスオーバーした画像にフェードイン効果(半透明)をつけるjquery – WEBデザインを学ぶ|こゆきんのWEBの細道
a:hover img{
opacity:0.6;
filte
[CSS覚書]画像がboxからはみだすときfloat解除をclearfixでなくoverflow:hidden;でやる
2008年あたりから知られていたようなのだが知らなかった~ハズカシ~
ただ組み方によってはclearfixでないと、うまくいかない場合もありますね。
clearfixを使わないでやるには。 – CSS ...
[JS覚書]シンプルで扱いやすいスライダー「Basic jQuery Slider」のカスタマイズ
今回はこれを導入してみました。カスタマイズメモです。
シンプルで使いやすいベーシックなスライドショーを実装できるjQueryプラグイン「Basic jQuery Slider」 | bl6.jp
ファイル構成i ...