paulga https://blog.hatena.ne.jp/paulga/ 01647 https://01647.hateblo.jp/ プログラミング スキルポイント消費マーク表示 テーブルセルデザインを調整 画像のdisplay: block;を解除 インライン要素に戻ったためvertical-align: middle;が活きる スキルレベル部分と消費スキルポイントマーク部分はブロック要素なのでmargin-left: 34px;しちゃう．画像幅が32pxだからね スキルポイント消費マークはfont-family: monospace; 小さすぎてクリックしづらいよね，という思いからselect要素にmin-width: 50px;を設定 次は，「上位スキルが0より大きくなる場合，下位スキルのレベルを最大値に変更する」を作りたい． 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2F01647.hateblo.jp%2Fentry%2F2014%2F03%2F20%2F204547" title="進捗こうですよ - 01647" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> http://cdn-ak.f.st-hatena.com/images/fotolife/p/paulga/20140320/20140320203927.png Hatena Blog https://hatena.blog 2014-03-20 20:45:47 rich https://01647.hateblo.jp/entry/2014/03/20/204547 1.0 100%