css

<css> 線をひく

css

細い線を引きたい。 hr { height: 1px; border: none; border-top: 1px #000000 solid; } solid まっすぐ dashed 点線 dotted 丸い点線

<jQuery, javascript, css, html> ローディングのくるくるを実装する。

htmlページpageをローディングloadingする時に出てくる、 くるくるcircleを実装する。 https://jsfiddle.net/1d28vf7f/ こちらのとおり作成しました。 画面読込中のグルグルまわるローディング画像を出す。jQuery・javascript : 森のコーディング

<html, css> テーブルで文字列を折り返さない

テーブルtableで文字列stringを折り返さない。 td { white-space: nowrap; } 例。 https://jsfiddle.net/2rgLy1eh/

<html, css> 文字を揃える

テーブルタブ<table>を使わずに、文字を揃える。 <style> span { display: inline-block; width: 15em; } </style> <html> <ol type="1"> <li><span>hagehage</span> ahahaha</li> <li><span>hagehagehagehage</span> ahahaha</li> <li><span>hage</span> ahahaha</li> <ol> </html> 参考。 www.kotalog.net</table>

<html, css> 3ペイン

ページを3ペインpane(3分割)する場合のCSS。 body { margin: 0; _overflow: hidden; padding-top: 150px; } #top { height: 150px; position: fixed; top: 0; width: 100%; } #left { height: 100%; margin: 0 0 0 0; padding: 5px; position: fixed; _p…

<jQuery> テーブルのヘッダーの固定

テーブル tableのヘッダー headerの固定。 ぐーぐるしてみると、なんかいろいろ出てきて、ちゃっとできない模様。 とりあえず、jQueryで実装することにした。 次のやつを選択。 github.com 指示どおりに下記を書き込む。 #hage_tableは、tableを囲む<div id="hage_table">。 <script type="text/javascript"> $(fu</script></div>…