Lucky bag::blog: dt と dd を横並び
定義リスト dl 内の dt と dd を CSS を使って横並びさせる方法ってのはいくつかあるんだけど、最近どうも記憶力が低下してきた気がするんで、完全自分用メモとして記しておく。 多分オーソドックスな方法 とりあえず最もオーソドックスであろう方法。これ意外にもあるのかもしれないけど、多分今んとこ自分は知らない。（margin を使った方法は前にも記事にしたことがあるけど、一応今回も入れておく） dl_sample01.html float を使った方法 margin を使った方法 position を使った方法 <dl> <dt>foo</dt> <dd>bar</dd> <dt>foo</dt> <dd>bar</dd> </dl> ちなみに margin を使った方法での margin 値の算出方法は、dt と dd それぞれの line-height 値の半分を足し、それに dt
リストの作成 -- ごく簡単なHTMLの説明
情報を見やすく整理して表現する方法として、リスト（一覧）はとても効果的です。HTMLでは、項目を列挙するul要素、順序を考慮して列挙するol要素、用語とその説明という定義型のリストを構成するdl要素の3つのリスト要素が用意されています。 目次： リストで情報を分かりやすく整理する 並列列挙リスト 順序付きリスト 定義型リスト リスト要素はブロックレベル リストの入れ子 取り上げる要素： ul ol li dl dt dd リストで情報を分かりやすく整理する 基本的には本文は見出しと段落だけで構成できるはずです。しかし、一連の並列される情報や、順序立ててステップを説明するような内容は、リストとして表現する方が分かりやすいことがあります。 一つの段落が長くなってしまう場合は、そこで述べようとしているポイントを箇条書きにすると、簡潔に表現することができます。また、複数の段落に分けて書いている内容
無料で商用OKな高品質アイコン集がダウンロードできる「ArtDesigner.lv」
ウェブサイトやちょっとしたワンポイントに使える高品質なアイコン集が「ArtDesigner.lv」にて公開されています。それぞれアイコンセットはCCライセンスで配布されており、ライセンスの範疇であれば無料で利用することができます。商用利用もOKなので、助かる人は多いはず。 Lovely Website icons Pack#1 | Artdesigner.lv 中身はこのような8種類のアイコンがPNGで収録されています。 Lovely Website icons Pack#2 | Artdesigner.lv こちらも中身は8種類のPNGファイル WEB UI Treasure Chest v 1.0 | Artdesigner.lv 種類が多彩で、しかもPSDファイルで提供されています。文字などはレイヤーで重ねられているので、ほかの文字に変えたい場合にも簡単に編集することができます。 S
CSSデザインカタログ
対応ブラウザは Windows：InternetExplorer6，InternetExplorer7，Firefox2，Opera9 Mac：Firefox2，Opera9，Safari2 ですが，ブラウザによって若干表示が異なる部分もあります。 XHTML 1.0 でマークアップしてあります。 DOCTYPEスイッチによる標準モードに対応しています。InternetExplorer6 でXML宣言をし互換モードになった場合にも対応しています。 Netscape7，Mac InternetExplorer5 では期待通りに表示されないものがいくつかあります。 便宜上，分類コード（div011-hp，table010 など）を class名にしてありますが，実際にお使いの際には適切な class名に変更してください。 すでにお使いのCSSファイルに新たにCSSコードを追加した場合，既存
日本にヤバイ集落とかヤバイ場所って存在すんの？:哲学ニュースnwk
2011年12月12日14:08 日本にヤバイ集落とかヤバイ場所って存在すんの？ Tweet 1：以下、名無しにかわりましてVIPがお送りします：2011/12/11(日) 23:56:41.36 ID:voHvH8bL0 山の中とか 2： 以下、名無しにかわりましてVIPがお送りします：2011/12/11(日) 23:57:04.53 ID:JD+ktpnB0 売春婦だらけの島 406： 以下、名無しにかわりましてVIPがお送りします：2011/12/12(月) 05:40:27.60 ID:PBQPU6HQ0 >>2 ここ？ 渡鹿野島へ行ってみた（訪問レポ） http://blog.so-net.ne.jp/jun_ta_kun/2006-10-08 4： 以下、名無しにかわりましてVIPがお送りします：2011/12/11(日) 23:57:48.20 ID:MB6
そうじ週間【その2】～ハード・ソフトともスッキリ！ 気持ちよく！ PCの大掃除の方法 | ライフハッカー・ジャパン
こんばんは傍島です。 12月に入り、今年も残りがわずかとなりました。ライフハッカー読者の皆さん、今年のトピックはなんでしょうか？ 私の場合は、クルマを買い買い換えて、6年ぶりにオープンカーオーナーになりました。オープンカーは、乗る度に非日常を与えてくれるので、良い気分転換になっています。クルマ好きの私にとっては、今年最高のライフハックとなりました。 さて、年末の定番といえば大掃除です。年一度のことなので、様々なグッズやテクニックを駆使したやりきり方も多いでしょう。そして、ライフハッカーの読者であれば、もうひとつの大掃除があるはず。何かといえば、パソコンの大掃除です。掃除をしなくても害はありませんが、きれいになるのは気持ちの良いものですし、結果、動作速度が向上するなどの二次的なメリットもあります。 そこで今回は、私が所有する「MacBook Pro」を例に、PCの大掃除の方法と掃除後のきれい
宅配便・郵便の料金比較 - 送料の虎
ゆうパック, 宅急便, 飛脚宅配便, レターパック, ゆうメール, 宅急便コンパクトなど、国内の宅配便・郵便24サービスについて内容と料金を比較！
送料の虎 - 宅配便 バイク便 引越しの料金比較
4月1日 宅配便の料金比較が佐川急便（飛脚宅配便・飛脚クール便）とヤマト運輸（宅急便・宅急便コンパクト・クール宅急便・ゴルフ宅急便）の料金改定に対応しました。 11月2日 郵便番号検索の郵便番号データを更新しました。 4月3日 宅配便の料金比較がヤマト運輸（宅急便・宅急便コンパクト）の料金改定に対応しました。 4月1日 宅配便の料金比較が佐川急便（飛脚宅配便・飛脚ラージサイズ宅配便）の料金改定に対応しました。 10月21日 宅配便の料金比較がクリックポストの料金改定に対応しました。 12月28日 送るノウハウに「宅配送料、大きな一箱と小さな二箱ではどちらがお得？」を追加しました。 10月8日 郵便番号検索の郵便番号データと国際宅配便の燃油サーチャージを更新しました。 9月4日 送るノウハウに「匿名配送サービスのまとめ」を追加しました。 9月2日 コンビニ等へ持ち込むにメルカリ・ラクマなどフ
FORM認証 - ユーザー認証 - サーブレット入門
次はFORM認証について確認します。FORM認証ではユーザー名とパスワードを入力してもらう画面をダイアログの替わりに自分で作成したHTMLページを指定することができます。 FORM認証の場合はHTTPプロトコルの認証の仕組みを使わずに認証が通った場合はセッションを使って認証が通っているかどうかを管理します。その為、一度成功した認証の有効期限はセッションの有効期限に従いますので注意が必要です。 web.xmlの設定 FORM認証を行う場合には認証方法の設定で<login-config>要素に含まれる<auth-method>要素に「FORM」を指定します。 <login-config> <auth-method>FORM</auth-method> <realm-name>レルム名</realm-name> <form-login-config> <form-login-page>/logi
ナウなヤングのためのgithub入門講座 -基本機能からdotfiles管理まで- - tumblr
gitによるバージョン管理 バージョン管理システムはつかってますか？ 僕は前に自分の作成したコードを元に、後輩にプログラムを作らせようとしてまずは僕のコードをコピペしろと指示したところ、コピペしかしてない(と言い張る)割にはコピペしたコードは動かず、さらに何故かコピペ元の僕のコードが滅茶苦茶に荒らされて当然のごとく動かなくなるという、なんかもう幽霊の存在を認めない限り説明がつかないような怪奇現象に遭遇したことがあります。しかもそのときはcpコマンドによるバックアップに頼っていて運悪くバックアップを忘れたために僕の貴重な１日が消え去ってしまった訳でして、それから僕はバージョン管理システムに頼ることを固く心に決めました。また僕はその目を覆いたくなるような残虐な事件以来、建設業界に見習って、IT業界でもプロジェクトキックオフ時にお祓いはすべきだと訴え続けています。 まぁそれはいいとして、いやまだ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
2011年を振り返り、WEB屋として腐らんばかりの「ありがとう！」を伝えたい記事、サイトの数々【Part 1】 | バンクーバーのうぇぶ屋
きゃべ玉そぼろ丼 by ニコニコ笑顔