揮発性のメモ2

http://d.hatena.ne.jp/iww/

css

テーブルの幅をセルの幅の合計に合わせる

css

テーブルの幅をセルの幅の合計に合わせるには、 width: fit-content; を使用する。 <div style="overflow: auto;"> <table style="width: fit-content; table-layout: fixed;"> <colgroup> <col style="width:150px;"> <col style="width:150px;"> <col style="width:150px;"> <col style="width:150px;"> <col style="width:150px;"> </col></col></col></col></col></colgroup></table></div>

TweetDeckのカラム幅調整

TweetDeckのカラム幅を一番大きくしても350pxでいまいち狭いので、450pxくらいに大きくする。 Firefoxのユーザスタイルシートいじり定番のStylishを久々にインストールした。 @namespace url(http://www.w3.org/1999/xhtml); @-moz-document domain("tweetde…

選択禁止

css

右クリック禁止の次にやっかいな選択禁止 <style type="text/css"> body{ user-select:none; -moz-user-select:none; -webkit-user-select:none; -webkit-user-drag:none; -khtml-user-select:none; -khtml-user-drag:none; } <body oncontextmenu='return false' onselectstart="re</style>…

PhpStormで、なぞのWarningに対処する

Unit of measure px is redundant これだけではなんのことだかさっぱりわからないけど、どうもstyleの指定では 0 のときに単位をつけてはいけないらしい。

IE6でのpreタグ 横幅固定

css

横幅を固定し、高さは自動で広がるPREタグを書きたいとき。 pre.yoko { width: 300px; overflow: auto; /* 重要 */ word-wrap: break-word; /* 念の為 */ word-break: break-all; /* 念の為 */ } overflow-CSSリファレンス http://scene-live.com/page.php?…

IE6でのテーブルレイアウト

css

widthなどで横幅を揃えても、中身が長いとレイアウトが崩れる table-layout: fixed; fixedにするとレイアウトが崩れなくなるが、横幅も縦幅も両方固定されるので 自動改行されてもセルの高さがそのままにされる。 fixedを使わず固定したい場合、すべてのセル…

はてな用ユーザースタイルシート

CSS

はてなのすごいところは、すべてのページが行き当たりばったりで作られてて 似ているページでも全然構成が違うし、アイコン画像すらも統一されてないところ。 ゴールが「動けば良し」に設定されているので、使ってて勇気が沸く。 /* 自分のはてなスターにア…

TABLEの罫線を見えなくする

css

<TABLE> <TR> <TD>ABC</TD> <TD>DEF</TD> </TR> </TABLE> ABC DEF この真ん中の線を消す border-left-style-スタイルシートリファレンス <TABLE> <TR> <TD>ABC</TD> <TD style="border-left-style:hidden">DEF</TD> </TR> </TABLE> ABC DEF hidden優先なので、左のセルの右側を消すとかしなくても大丈夫

はてなブックマークのペンアイコンが邪魔なのをなんとかする

css

はてなブックマークの字数における、半角文字の扱いについて ※ 自分のブコメの右側が、ペンマークと × マークで隠れて、読めなくなる というバグが放置されている理由についても、知りたいな。 ユーザースタイルシートを使って暫定対処できた。 firefoxの場…

iphone safariで画面を回転させても文字を大きくしない。でも自分で拡大した時には大きくできるように。

css

body { -webkit-text-size-adjust: 100%; } <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0"> いろいろ試行錯誤してこれで出来た。minimum-scaleを指定するのがコツっぽい。</meta>

テーブルの外枠の色を変更する

css

こんな感じで指定したとこの外枠だけ色をつけたい

ジミー・ウェールズ非表示

css

ユーザースタイルシートに次の1行を追加する div#centralNotice { display: none; } #siteNoticeの方がいいかも。

TRの背景色

css

jQueryの$('tr').addClass('hoge');のように javascriptでclassを追加指定するとき、TRの背景色はTDで指定しないと反映されないっぽい。 /* だめな例 */ TR.hoge { background-color:red; } /* うごく例 */ TR.hoge TD { background-color:red; }

タグクラウド等で単語途中の改行を許さない

css

はてなブックマークとかで。 UL.taglist A { word-break: keep-all; /* IE専用 */ white-space: nowrap; /* 全ブラウザ用 */ white-space: ; /* IEのみキャンセル */ } IEでwhite-space: nowrap;を指定すると、タグが多いときにめちゃくちゃ重くなるので3行…

ポイントされたリンクの背景色

css

a:hover { background-color:orange; } http://www.openspc2.org/reibun/css/link/002/index.html