tableのデータ部との境界線を描画するのにつかったcss css
tableのデータ部との境界線を描画するのにつかったcss
意外にはまってたので備忘録としてメモ
ヘッダーとの境界線 td まで指定しないと意図した箇所に線がひかれず苦労した しかも順番も関係あり？
#table1 tbody tr:nth-of-type(1) td{ border-top: 1px solid #777777; &
adminlteでサイドバーを画面上部に固定する css
bootstrapをベースにした管理画面用htmlテンプレートのadminlteにおいてサイドバーを画面上部に固定する 結論として <body>タグのclassに fixed を指定するとうまくいった。 当初ある程度画面スクロールさせてからサイドバー固定がいいかもと思ってたけどそれはまた次の宿題にする
css bootstrapのメモ css
css bootstrapのメモ
-------------------------------------------------
.col-xs- モバイル（768px以下）
.col-sm- タブレット（768px以上、992px未満）
.col-md- デスクトップ（992px以上、1200px未満）
.col-lg- デ
印刷用css 表示と非表示 css
PerlのWeb Application Frameworkである Mojolicious でアプリをつくる場合に必要な基礎的な使用法を紹介します。1枚スクリプトから書けるMojolicious::Liteを前提としていますが大きなモノにも対応出来ます。
インストールする
cpanm コマンドでコアモジュール以外の依存関係無しで一
!importantでIEに別の値を指定 css
ブラウザ間で表示が異なることへの対応。
css表示で !important をつかって、IEにのみ別の指定をすることが可能。
例）
margin-top :15px !important; /* IE以外 */
margin-top :5px ; /* IE */
li ul使用時に表示されてしまう、マークを表示しない方法。 css
css で li ul 使用時に表示されてしまう、マークを表示しない方法。
「list-style: none;」
を指定するよ。ul に表示するのがよいだろうね。
IEのcssでfloatすると上下の位置がずれる？ css
IEで cssにおいて、floatを使用すると
上下の位置が若干、ずれてしまう場合があるなぁ。
今回、「float:left;」を利用して
img画像を２つ並べたんだけど
右側に回りこんだ画像が 1pxくらい左画像に比べて
下にずれてた。
なぜかはわからんが、float を使う場合には気をつけよう。
visitedとhover css
visitedを使うときの注意
visitedをhoverの先に記述するのがよい。
visited を hover の後に書くと、
マウスオーバーしたときに、visited で指定した色が表示となってしまう。
-----------------------------
spanのwidth指定 css
・IEだと span で width 指定できるけど
Firefoxの場合、span では、width指定が有効にならない場合があるなぁ。
なぜだろう。
span を div に変更すると、 IEでもFirefox でも width指定が有効なんだけどね。
IEのボックス自動拡張 css
・IEのボックス自動拡張
IEの場合は、ボックスの中で文字を書いていて
文字数が多くてそのボックスにおさまりきらない場合は
自動で拡張します。
でもFirefoxはそういう場合でも、自動拡張とかはしないのです。
なのでそういう場合はきっちりと
height や width などでその範囲を明確に指定すると<br /