再び定義リストdt ddを横並びで表示させる | A Day in the Life
May 15, 2008 定義リストの横並びで苦戦したので再びエントリーしておきます。以前のエントリーは1つのdtに対して複数のddを記述すると最初のddがずれると言うものでしたが、ddが折り返された時はずれたままでしたが、今回は折り返されてもずれないようにCSSを調整して行きます。 まず次のような(X)HTMLがあります。 <dl> <dt>定義リスト1</dt> <dd>文章文章文章文章文章文章文章文章文章文章文章</dd> <dt>定義リスト1</dt> <dd>文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章</dd> <dt>定義リスト1</dt> <dd>文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章文章</dd> <dd class="test">文章文章文章文章文章文章文章文章文章文章文章文章
IE PNG FIX 2 (iFFALSE.log | takuyaな日々 ver.2)
なんかここにWEB関係のこと書くのは久々な気がするんですが、 これは忘れぬうちに書いておかねば！と思ったので、メモメモ。 IE6で透過PNGを表示するライブラリ IE PNG FIX 2 これ、超イイ！！ ＊この記事、数日前に書いて後日公開しようと思ってたんですが、 今日本屋で「Web Designing ９月号」を立ち読みしたら、 ”透過PNG+CSSデザインがやってきた！”という特集が組まれていて、 しかもIE PNG FIXもことも掲載されていて。 「なに？！おれのギャリック砲にそっくりだ！」ばりに衝撃で、 なんかこの記事見て書いたって思われるのもしゃくなので、 公開は見送ろうかと思ったんですが、IE PNG FIXに関しては 紹介だけで使い方は書いてなかったのでやっぱり公開することに。 なんか後出しで寂しい感じですが、自分のやってることも 割とタイムリーだったってことにちょっ
[ CSS ] float を使う時の注意点 ( clearfix の使い方 )
float を使った時は、float させた div の親にあたる div 内で clear しないと表示がおかしくなるみたい。 下の例で行くと、div#main を閉じる前にクリアしないと、div#main の高さが確定しないらしい。 それから、float させる時は、width 指定を入れておくのが基本らしいです。 ## clear:both; を html に直接記述して float を解除する ### CSS のソース #main { width: 400px; background-color: #CCCCCC; } #left { float: left; width: 100px; background-color: #999999; } #right { float: right; width: 100px; background-color: #999999; } ###
![[ CSS ] float を使う時の注意点 ( clearfix の使い方 )](https://cdn-ak-scissors.b.st-hatena.com/image/square/19691f3db719fc116cbcdd5e767c89ee15487f3e/height=288;version=1;width=512/https%3A%2F%2Fbowz.info%2Fwp-content%2Fuploads%2F2018%2F09%2Fudon-1.jpg)
CSS HappyLife
もう放置して長い当ブログ...なので、Adsenseの自動広告ってのを試してみようかと思ってONにしたら、すごいことになった！ これは中々に酷いですね。 とまぁそれはさておき、すごい久しぶりに個人の趣味っぽい感じのサイト作りました。 - 探そう！好きな恐竜 なんで恐竜！？って感じしますね。 正直、恐竜には全然興味なかった側の人間です。 もう完全にただのお知らせや告知ブログ...！ 初版の発売から4年経ち、ありがたいことに改訂のお話を頂いたので、6月～8月辺りに森田 壮さんと執筆を行い、2017年9月15日に改訂2版が発売しました。 かなり頑張って加筆・修正などを行ったので思ってたより大変な執筆でした。 初版と改訂2版の詳しい違いに関しては、サポートサイト に載せておいたのでそちらを見て頂けるとありがたいです！ 初版と改訂2版の違い | Web制作者のためのSassの教科書 改訂2版 - 公
スタイルシート［CSS］/フォーム - TAG index
入力欄・ボタン width: ***; height: ***; フォーム部品の大きさ指定する background-color: ***; フォーム部品の背景色を指定する (focus) background-color: ***; フォーカス時の背景色を指定する border: ***; フォーム部品の境界線を指定する padding: ***; フォーム部品のパディング（内側の余白）を指定する (focus) outline: ***; フォーカス時のアウトラインを指定する scrollbar-***-color: ***; テキストエリアのスクロールバーの色を変える line-height: ***; テキストエリア内の行の高さを指定する 部品グループ background-color: ***; 部品グループの背景色を指定する border: ***; 部品グループの境界線を指定
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
